溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在Android中圖片的自動切換不僅可以實現自動切換，而且還可以使用手動切換。而且一般在切換的時候，在圖片下方還帶有其他內容的切換，用來標記是第幾個圖片的切換。
這種效果在我們日常生活中很常見，例如某寶購物，一些商城都可以使用到，用戶體驗度極好，今天小編就通過實例代碼給大家分享android 圖片自動切換功能的實現。
實現效果如下：
具體的示例代碼如下：
布局代碼：
<?xml version="1.0" encoding="utf-8"?>
<ScrollView
android:layout_height="match_parent"
android:layout_width="match_parent"
android:orientation="vertical"
xmlns:android="http://schemas.android.com/apk/res/android">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="250dp"
android:padding="20dp"
android:orientation="vertical">
<androidx.viewpager.widget.ViewPager
android:id="@+id/viewContent"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="25dp"
android:orientation="horizontal"
android:layout_gravity="bottom"
android:gravity="center"
android:layout_marginTop="5dp"
android:background="#E6E6E6">
<View
android:id="@+id/p1"
android:layout_width="5dp"
android:layout_height="5dp"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:background="@drawable/dot_focus"/>
<View
android:id="@+id/p2"
android:layout_width="5dp"
android:layout_height="5dp"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:background="@drawable/dot_normal"/>
<View
android:id="@+id/p3"
android:layout_width="5dp"
android:layout_height="5dp"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:background="@drawable/dot_normal"/>
</LinearLayout>
</FrameLayout>
</RelativeLayout>
</ScrollView>
dot_focus.xml文件代碼如下：
<?xml version="1.0" encoding="utf-8"?> <shape android:shape="oval" xmlns:android="http://schemas.android.com/apk/res/android"> <corners android:radius="5dp"/> <solid android:color="@color/white"/> </shape>
dot_normal.xml文件代碼如下：
<?xml version="1.0" encoding="utf-8"?> <shape android:shape="oval" xmlns:android="http://schemas.android.com/apk/res/android"> <corners android:radius="5dp"/> <solid android:color="@color/blue"/> </shape>
Activity代碼：
public class MainActivity extends AppCompatActivity {
private ArrayList<ImageView> imageViews= new ArrayList<>();
private ArrayList<View>dots=new ArrayList<>();
private ViewPager vp;
private int image[]={R.drawable.denglu,R.drawable.disanye,R.drawable.hhh};
private int oldPosition=0;
private int currentItem;
private ScheduledExecutorService scheduledExecutorService;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//獲取圖片資源
for (int i=0;i<image.length;i++){
ImageView imageView=new ImageView(this);
imageView.setImageResource(image[i]);
imageViews.add(imageView);
}
//顯示的點的集合
dots.add(findViewById(R.id.p1));
dots.add(findViewById(R.id.p2));
dots.add(findViewById(R.id.p3));
vp=findViewById(R.id.viewContent);
vp.setAdapter(new ViewPagerAdapter());
vp.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
//點的效果切換
dots.get(oldPosition).setBackgroundResource(R.drawable.dot_normal);
dots.get(position).setBackgroundResource(R.drawable.dot_fouced);
oldPosition=position;
currentItem=position;
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
}
class ViewPagerAdapter extends PagerAdapter {
@Override
public int getCount() {
return imageViews.size();
}
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
return view==object;
}
@Override
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
View v=imageViews.get(position);
container.removeView(v);
}
@NonNull
@Override
public Object instantiateItem(@NonNull ViewGroup container, int position) {
View v=imageViews.get(position);
container.addView(v);
return v;
}
}
@Override
protected void onStart() {
super.onStart();
scheduledExecutorService= Executors.newSingleThreadScheduledExecutor();
scheduledExecutorService.scheduleWithFixedDelay(new ViewPagerTask(),2,2, TimeUnit.SECONDS);
}
class ViewPagerTask implements Runnable{
@Override
public void run() {
currentItem=(currentItem+1)%image.length;
handler.obtainMessage().sendToTarget();
}
}
Handler handler=new Handler(){
@Override
public void handleMessage(@NonNull Message msg) {
vp.setCurrentItem(currentItem);
}
};
}
總結
到此這篇關于Android實現圖片自動切換功能的文章就介紹到這了,更多相關android 圖片自動切換內容請搜索億速云以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持億速云！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
