溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

Android實(shí)現(xiàn)圖片自動(dòng)切換功能(實(shí)例代碼詳解)

發(fā)布時(shí)間:2020-10-10 11:46:07 來(lái)源:腳本之家 閱讀:113 作者:愛(ài)的小爽 欄目:移動(dòng)開(kāi)發(fā)

在Android中圖片的自動(dòng)切換不僅可以實(shí)現(xiàn)自動(dòng)切換,而且還可以使用手動(dòng)切換。而且一般在切換的時(shí)候,在圖片下方還帶有其他內(nèi)容的切換,用來(lái)標(biāo)記是第幾個(gè)圖片的切換。

這種效果在我們?nèi)粘I钪泻艹R?jiàn),例如某寶購(gòu)物,一些商城都可以使用到,用戶(hù)體驗(yàn)度極好,今天小編就通過(guò)實(shí)例代碼給大家分享android 圖片自動(dòng)切換功能的實(shí)現(xiàn)。

實(shí)現(xiàn)效果如下:

Android實(shí)現(xiàn)圖片自動(dòng)切換功能(實(shí)例代碼詳解)

具體的示例代碼如下:

布局代碼:

<?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);
  }
  //顯示的點(diǎn)的集合
  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) {
    //點(diǎn)的效果切換
    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);
  }
 };
}

總結(jié)

到此這篇關(guān)于Android實(shí)現(xiàn)圖片自動(dòng)切換功能的文章就介紹到這了,更多相關(guān)android 圖片自動(dòng)切換內(nèi)容請(qǐng)搜索億速云以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持億速云!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI