ViewPager實(shí)現(xiàn)圖片切換效果
本文實(shí)例為大家分享了ViewPager實(shí)現(xiàn)圖片切換效果的具體代碼,供大家參考,具體內(nèi)容如下
xml布局:
<RelativeLayout ? ? ? ? android:layout_width="match_parent" ? ? ? ? android:layout_height="260dp"> ? ? ? ? <android.support.v4.view.ViewPager ? ? ? ? ? ? android:id="@+id/view_pager" ? ? ? ? ? ? android:background="#000" ? ? ? ? ? ? android:layout_width="match_parent" ? ? ? ? ? ? android:layout_height="match_parent" /> ? ? ? ? <LinearLayout ? ? ? ? ? ? android:id="@+id/layout_point" ? ? ? ? ? ? android:background="#00000000" ? ? ? ? ? ? android:gravity="center" ? ? ? ? ? ? android:layout_width="match_parent" ? ? ? ? ? ? android:layout_height="20dp" ? ? ? ? ? ? android:orientation="horizontal" ? ? ? ? ? ? android:layout_marginBottom="40dp" ? ? ? ? ? ? android:layout_alignParentBottom="true"/> </RelativeLayout>
activity代碼:
import android.content.Context; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.ListView; import android.widget.TextView; import android.widget.Toast; import com.bumptech.glide.Glide; import com.example.uoso.myapplicationdemo.R; import java.text.SimpleDateFormat; import java.util.ArrayList; import java.util.Date; import java.util.List; /** ?* ViewPager顯示圖片 ?*/ public class Fragment2 extends Fragment{ ? ? private ViewPager viewPager; ? ? private LinearLayout layoutPoint; ? ? private String[] imgs = {"1圖片url" ? ? ? ? ? ? ,"2圖片url", ? ? ? ? ? ? "3圖片url"}; ? ? @Nullable ? ? @Override ? ? public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { ? ? ? ? View view = inflater.inflate(R.layout.fragment2, null); ? ? ? ? viewPager = (ViewPager) view.findViewById(R.id.view_pager); ? ? ? ? layoutPoint = (LinearLayout) view.findViewById(R.id.layout_point); ? ? ?? ? ? ? ? initView(); ? ? ? ? return view; ? ? } ? ? private void initView(){ ? ? ? ? ? ? ? ? //ViewPager相關(guān) ? ? ? ? ViewPagerAdater myAdater = new ViewPagerAdater(getContext()); ? ? ? ? viewPager.setAdapter(myAdater); ? ? ? ? viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { ? ? ? ? ? ? @Override ? ? ? ? ? ? public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { ? ? ? ? ? ? } ? ? ? ? ? ? @Override ? ? ? ? ? ? public void onPageSelected(int position) { ? ? ? ? ? ? ? ? //在滑動(dòng)完成后向布局中添加小圓點(diǎn) ? ? ? ? ? ? ? ? setLayoutPoint(position); ? ? ? ? ? ? } ? ? ? ? ? ? @Override ? ? ? ? ? ? public void onPageScrollStateChanged(int state) { ? ? ? ? ? ? } ? ? ? ? }); ? ? ? ? setLayoutPoint(0); ? ? } ? ? /** ? ? ?* 設(shè)置小圓點(diǎn)布局 ? ? ?* @param position ? ? ?*/ ? ? private void setLayoutPoint(int position){ ? ? ? ? layoutPoint.removeAllViews(); ? ? ? ? for (int i = 0; i <3 ; i++) { ? ? ? ? ? ? ImageView imageView = new ImageView(getContext()); ? ? ? ? ? ? //設(shè)置ImageView ? ? ? ? ? ? LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(20, 20); ? ? ? ? ? ? params.setMargins(10,0,10,0); ? ? ? ? ? ? imageView.setLayoutParams(params); ? ? ? ? ? ? //設(shè)置小圓點(diǎn)樣式 ? ? ? ? ? ? if (position==i){ ? ? ? ? ? ? ? ? imageView.setImageDrawable(getResources().getDrawable(R.drawable.point_white)); ? ? ? ? ? ? }else { ? ? ? ? ? ? ? ? imageView.setImageDrawable(getResources().getDrawable(R.drawable.point_gray)); ? ? ? ? ? ? } ? ? ? ? ? ? layoutPoint.addView(imageView); ? ? ? ? } ? ? } ? ? ? public class ViewPagerAdater extends PagerAdapter { ? ? ? ? private Context context; ? ? ? ? public ViewPagerAdater(Context context) { ? ? ? ? ? ? this.context = context; ? ? ? ? } ? ? ? ? @Override ? ? ? ? public int getCount() { ? ? ? ? ? ? return imgs.length; ? ? ? ? } ? ? ? ? @Override ? ? ? ? public Object instantiateItem(ViewGroup container, int position) { ? ? ? ? ? ? ImageView imageView = new ImageView(context); ? ? ? ? ? ? imageView.setScaleType(ImageView.ScaleType.FIT_XY); ? ? ? ? ? ? Glide.with(context).load(imgs[position]).into(imageView); ? ? ? ? ? ? container.addView(imageView); ? ? ? ? ? ? return imageView; ? ? ? ? } ? ? ? ? @Override ? ? ? ? public void destroyItem(ViewGroup container, int position, Object object) { ? ? ? ? ? ? container.removeView((ImageView) object); ? ? ? ? } ? ? ? ? @Override ? ? ? ? public boolean isViewFromObject(View view, Object object) { ? ? ? ? ? ? return view == object; ? ? ? ? } ? ? } }
小圓點(diǎn)樣式:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> ? ? <solid android:color="#fddc04"/> ? ? <corners android:radius="5dp"/> </shape>
Glide依賴(lài):
compile 'com.github.bumptech.glide:glide:3.7.0'
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android簡(jiǎn)單實(shí)現(xiàn)菜單拖拽排序的功能
這篇文章主要介紹了Android簡(jiǎn)單實(shí)現(xiàn)菜單拖拽排序的功能,文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)價(jià)值,需要的朋友可以參考一下2022-07-07Android中backgroundDimEnabled的作用
這篇文章主要介紹了Android中backgroundDimEnabled的作用的相關(guān)資料,希望通過(guò)本文能幫助到大家,讓大家理解掌握這部分內(nèi)容,需要的朋友可以參考下2017-10-10Android仿簡(jiǎn)書(shū)動(dòng)態(tài)searchview搜索欄效果
這篇文章主要為大家詳細(xì)介紹了Android仿簡(jiǎn)書(shū)動(dòng)態(tài)searchview效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06Android中使用Bitmap類(lèi)將矩形圖片轉(zhuǎn)為圓形的方法
這篇文章主要介紹了Android中使用Bitmap類(lèi)將矩形圖片轉(zhuǎn)為圓形的方法,同時(shí)文中也介紹了如何利用矩形直接來(lái)畫(huà)圓角,需要的朋友可以參考下2016-03-03Android?nonTransitiveRClass資源沖突問(wèn)題淺析
這篇文章主要介紹了Android?nonTransitiveRClass資源沖突問(wèn)題,別搞錯(cuò)了,nonTransitiveRClass不能解決資源沖突,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2022-12-12Android 類(lèi)似UC瀏覽器的效果:向上滑動(dòng)地址欄隱藏功能
這篇文章主要介紹了Android 類(lèi)似UC瀏覽器的效果:向上滑動(dòng)地址欄隱藏功能,需要的朋友可以參考下2017-12-12Android實(shí)現(xiàn)獲取短信驗(yàn)證碼并自動(dòng)填寫(xiě)功能
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)獲取短信驗(yàn)證碼并自動(dòng)填寫(xiě)功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07Android中通過(guò)外部程序啟動(dòng)App的三種方法
這篇文章主要介紹了Android中通過(guò)外部程序啟動(dòng)App的三種方法,本文講解了直接通過(guò)包名、通過(guò)自定義的Action、通過(guò)Scheme三種方法,并分別給出操作代碼,需要的朋友可以參考下2015-04-04Android如何實(shí)現(xiàn)掃描和生成二維碼
這篇文章主要為大家詳細(xì)介紹了Android如何實(shí)現(xiàn)掃描和生成二維碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-05-05Android錄制語(yǔ)音文件wav轉(zhuǎn)mp3的方法示例
這篇文章主要介紹了Android錄制語(yǔ)音文件wav轉(zhuǎn)mp3的方法示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09