Android实现图片自动切换功能(实例代码详解)
时间:2022-07-27
本文章向大家介绍Android实现图片自动切换功能(实例代码详解),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
在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 图片自动切换内容请搜索ZaLou.Cn以前的文章或继续浏览下面的相关文章希望大家以后多多支持ZaLou.Cn!
- 你应该知道的Java垃圾收集器 - 串行、并行、CMS、G1
- ckplayer 如何在PC上完美支持 m3u8播放
- TensorFlow-2: 用 CNN 识别数字
- js图片前端预览之 filereader 和 window.URL.createObjectURL
- TensorFlow-3: 用 feed-forward neural network 识别数字
- TensorFlow-4: tf.contrib.learn 快速入门
- TensorFlow-5: 用 tf.contrib.learn 来构建输入函数
- 前后端分离之vue2.0+webpack2 实战项目 -- html模板拼接
- 抛弃vue-resource拥抱axios
- TensorFlow-6-TensorBoard 可视化学习
- TensorFlow-7-TensorBoard Embedding可视化
- windows下nginx的安装及使用方法入门
- Scala Turtuial-容器(集合)类型
- Scala Turtuial-基本语法
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- 【Rust日报】 2020-08-20 Chrome 的 Rust 与 C++ 的互操作性
- 聊聊claudb的DatabaseCleaner
- nc很强大,容易让人蹲号子
- Rust FFI 编程 - Rust导出共享库05
- 详解ENet | CPU可以实时的道路分割网络
- Linux进程调度之 - O(1)调度算法
- 从零开始编写一个WEB服务器 - 基础
- Redis 6.0 IO线程功能分析
- RCU锁原理与实现
- HBase Bulkload 实践探讨
- 如何在 Linux 上恢复误删除的文件或目录?
- 有赞 Android 编译进阶之路——全量编译提效方案
- Redis 模块机制 - 模块编写篇
- 揭开「拓扑排序」的神秘面纱
- docker使用记录