Android项目里的图片轮换

最新推荐文章于 2024-05-15 01:55:30 发布
最新推荐文章于 2024-05-15 01:55:30 发布
阅读量478 收藏 1
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GD_Tiny/article/details/74852936
版权

代码演示:

1.activity布局,线性布局中套布局

<FrameLayout

    android:layout_width="500dp"
    android:layout_height="250dp"
    >

    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
//你有几张图片就要几个圆点
    <LinearLayout
        android:layout_marginLeft="10dp"
        android:layout_width="match_parent"
        android:layout_height="35dip"
        android:layout_gravity="bottom"
        android:background="#33000000"
        android:gravity="center"
        android:orientation="vertical" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="图片标题"
            android:textColor="@android:color/white"
            android:id="@+id/title_01"
            />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="3dip"
            android:orientation="horizontal" >

            <View
                android:id="@+id/dot_0"
                android:layout_width="5dip"
                android:layout_height="5dip"
                android:layout_marginLeft="2dip"
                android:layout_marginRight="2dip"
                android:background="@drawable/dot_focused"/>

            <View
                android:id="@+id/dot_1"
                android:layout_width="5dip"
                android:layout_height="5dip"
                android:layout_marginLeft="2dip"
                android:layout_marginRight="2dip"
                android:background="@drawable/dot_normal"/>
            <View
                android:id="@+id/dot_2"
                android:layout_width="5dip"
                android:layout_height="5dip"
                android:layout_marginLeft="2dip"
                android:layout_marginRight="2dip"
                android:background="@drawable/dot_normal"/>
            <View
                android:id="@+id/dot_3"
                android:layout_width="5dip"
                android:layout_height="5dip"
                android:layout_marginLeft="2dip"
                android:layout_marginRight="2dip"
                android:background="@drawable/dot_normal"/>
            <View
                android:id="@+id/dot_4"
                android:layout_width="5dip"
                android:layout_height="5dip"
                android:layout_marginLeft="2dip"
                android:layout_marginRight="2dip"
                android:background="@drawable/dot_normal"/>


            <View
                android:id="@+id/dot_5"
                android:layout_width="5dip"
                android:layout_height="5dip"
                android:layout_marginLeft="2dip"
                android:layout_marginRight="2dip"
                android:background="@drawable/dot_normal"/>
            <View
                android:id="@+id/dot_6"
                android:layout_width="5dip"
                android:layout_height="5dip"
                android:layout_marginLeft="2dip"
                android:layout_marginRight="2dip"
                android:background="@drawable/dot_normal"/>
            <View
                android:id="@+id/dot_7"
                android:layout_width="5dip"
                android:layout_height="5dip"
                android:layout_marginLeft="2dip"
                android:layout_marginRight="2dip"
                android:background="@drawable/dot_normal"/>

        </LinearLayout>

    </LinearLayout>

</FrameLayout>





2.fragment
package com.example.administrator.myapplication;

import android.app.Dialog;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
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.support.v7.app.AlertDialog;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.RadioGroup;
import android.widget.TextView;

import com.example.exam.Exam;

import java.util.ArrayList;
import java.util.List;
import java.util.concurrent.Executors;
import java.util.concurrent.ScheduledExecutorService;
import java.util.concurrent.TimeUnit;

/**
 * Created by Administrator on 2017/6/20.
 */

public class SecondFragment  extends Fragment {

    //存放图片的id
    private int image[]= new int[]{
            R.drawable.ic_action_01,
            R.drawable.ic_action_02,
            R.drawable.ic,
            R.drawable.ic_action_04,
            R.drawable.ic_action_05,
            R.drawable.ic_action_06,
            R.drawable.ic_action_07,
            R.drawable.ic_action_08
    };
    //存放图片的标题
    private  String titles[]={
            "假自我,让我们无法敞开去爱",
            "爱需要安全感","如果你对爱很困惑",
            "你需要自信的恋爱模式",
            "你需要反省自己的爱",
            "世界上最温暖的三个字...",
            "真正爱你的让你,是怎样的",
            "谈恋爱到底在谈什么?"
    };
    private ViewPager viewPager;
    //图片数组
    private List<ImageView> images;
    //圆点数组
    private List<View> dots;
    private TextView textView;

    //实例化真个布局menu下的布局文件
    private MenuInflater menuInflater;

    //记录上一次点的位置
    private int oldPosition = 0;
    private int currentItem;
    private ScheduledExecutorService scheduledExecutorService;
     @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.fragment_second,null);
        viewPager = view.findViewById(R.id.vp);
        //显示的图片
        images = new ArrayList<ImageView>();
        for (int i = 0; i < image.length; i++) {
            ImageView imageView=new ImageView(getActivity());
            imageView.setBackgroundResource(image[i]);
            images.add(imageView);
        }
        //显示的小点
        dots = new ArrayList<View>();
        dots.add(view.findViewById(R.id.dot_0));
        dots.add(view.findViewById(R.id.dot_1));
        dots.add(view.findViewById(R.id.dot_2));
        dots.add(view.findViewById(R.id.dot_3));
        dots.add(view.findViewById(R.id.dot_4));
        dots.add(view.findViewById(R.id.dot_5));
        dots.add(view.findViewById(R.id.dot_6));
        dots.add(view.findViewById(R.id.dot_7));

         ViewPagerAdapter adapter=new ViewPagerAdapter();
        viewPager.setAdapter(adapter);

       
        //设置改变监听事件
        viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                textView.setText(titles[position]);
                dots.get(position).setBackgroundResource(R.drawable.dot_focused);
                dots.get(oldPosition).setBackgroundResource(R.drawable.dot_normal);
                oldPosition = position;
                currentItem = position;
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
        return view;
    }

    /**
     * 自定义adapter
     */
       private  class ViewPagerAdapter extends PagerAdapter{

           @Override
           public int getCount() {
               return images.size();
           }

           @Override
           public boolean isViewFromObject(View view, Object object) {
               return view==object;
           }
           @Override
           public void destroyItem(ViewGroup view, int position, Object object) {
               // TODO Auto-generated method stub
//       super.destroyItem(container, position, object);
//       view.removeView(view.getChildAt(position));
//       view.removeViewAt(position);
               view.removeView(images.get(position));
           }

           @Override
           public Object instantiateItem(ViewGroup view, int position) {
               // TODO Auto-generated method stub
               view.addView(images.get(position));
               return images.get(position);
           }

       }

    @Override
    public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
//        super.onCreateOptionsMenu(menu, inflater);
        getMenuInflater().inflate(R.menu.main, menu);
    }

    public MenuInflater getMenuInflater()
    {
        return menuInflater;
    }

    /**
     * 利用线程池定时执行动画轮播
     */
    @Override
    public void onStart() {
        // TODO Auto-generated method stub
        super.onStart();
        scheduledExecutorService = Executors.newSingleThreadScheduledExecutor();
        scheduledExecutorService.scheduleWithFixedDelay(
                new ViewPageTask(),
                2,
                2,
                TimeUnit.SECONDS);
    }


    private class ViewPageTask implements Runnable{

        @Override
        public void run() {
            currentItem = (currentItem + 1) % image.length;
            mHandler.sendEmptyMessage(0);
        }

       }
    /**
     * 接收子线程传递过来的数据
     */
    private Handler mHandler = new Handler(){
        public void handleMessage(android.os.Message msg) {
            viewPager.setCurrentItem(currentItem);
        };
    };
    @Override
    public void onStop() {
        // TODO Auto-generated method stub
        super.onStop();
    }

    


}
















2.还有两个在drawable文件下的两个布局文件

  
(1)<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <corners android:radius="5dip"/>
    <solid android:color="#55000000"/>
</shape>

(2) <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">

    <corners android:radius="5dip"/>
    <solid android:color="#55000000"/>
</shape>


3.一个menu文件夹下
 
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="@string/action_settings"/>
</menu>

4.vaules文件夹下
 
<resources>
    <string name="app_name">尤爱而生</string>
    <string name="action_settings">Settings</string>
</resources>











                

        

        

    




    

      

        

            

              
                
                  张小卿-
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
Android 首页图片轮播

				
			

			

				

					weixin_34159110的博客
				

				

					05-27
					
					99
					
				

			

		

		

			
				
1、网络上的的一个框架，已经在github 上开源
      github  ：  https://github.com/gcgongchao/flashview
     相关博客 ： http://www.eoeandroid.com/thread-587653-1-1.html...

			
		

	



                

              
                



	

		

			

				
					
Android-自动换图片、轮播图

				
			

			

				

					圆号本号
				

				

					11-22
					
					1133
					
				

			

		

		

			
				
50行代码急速实现轮播图：
先看效果：


两个例子没太大区别，
不过i是布局文件中控件的Height不一样罢了这里一第二个为例：
public class MainActivity extends Activity {
    int[] imageIds = new int[]{
            R.drawable.a00,R.drawable.a01,R.drawable.a02,...

			
		

	



                


  
              

                


	

		

			

				
					
2024年Android最全Android开发案例 设置背景图片轮播(2)，2024年最新flutter切换页面不刷新

					
最新发布

				
			

			

				

					yjqdn82212的博客
				

				

					05-15
					
					600
					
				

			

		

		

			
				
简历首选内推方式，速度快，效率高啊！然后可以在拉钩，boss，脉脉，大街上看看。简历上写道熟悉什么技术就一定要去熟悉它，不然被问到不会很尴尬！做过什么项目，即使项目体量不大，但也一定要熟悉实现原理！不是你负责的部分，也可以看看同事是怎么实现的，换你来做你会怎么做？做过什么，会什么是广度问题，取决于项目内容。但做过什么，达到怎样一个境界，这是深度问题，和个人学习能力和解决问题的态度有关了。大公司看深度，小公司看广度。大公司面试你会的，小公司面试他们用到的你会不会，也就是岗位匹配度。

			
		

	





	

		

			

				
					
Android开发-轮播图的详细实现

					
热门推荐

				
			

			

				

					GYongJia的博客
				

				

					04-28
					
					3万+
					
				

			

		

		

			
				
实现不添加任何依赖自己实现轮播图，使用ViewPager和布局容器来实现轮播的功能
综合了网上几位博主的文章，这里提供最直接最明了的实现。
实现效果如下，这里只是简单的实现，以后有机会再改进，也欢迎大家来指导我。

1. 万事先改布局呗，activity_main.xml：
<FrameLayout
    xmlns:android="http://schemas.android.com/...

			
		

	



		

			
		



	

		

			

				
					
【Android】首页图片轮播效果(淘宝、京东首页广告效果)

				
			

			

				

					风吹起如花般细碎流年
				

				

					05-05
					
					3933
					
				

			

		

		

			
				
目前很多APP中都有这个图片轮播的功能，项目中也时常会用到，图片轮播一般是在用户不主动进行切换的时候每隔一段时间进行自动切换，用户主动切换时停止自动切换，手指离开时重新计时开始轮播;

			
		

	





	

		

			

				
					
ButterKnife实现原理，Android插件化主流框架和实现原理

				
			

			

				

					m0_66070663的博客
				

				

					01-07
					
					771
					
				

			

		

		

			
				
可用注解和反射实现

拿BindView为例：首先创建BindView注解，参数为默认 int value()

@Retention(RetentionPolicy.RUNTIME)
@Target(ElementType.FIELD)
@interface BindView {
int value();
}

在相应的类中进行引用：

@BindView(R.id.text1)
TextView textView1;
@BindView(R.id.text2)
TextView textView2;



			
		

	





	

		

			

				
					
android 跑马灯图片展示+10种切换特效

				
			

			

				

					06-08
				

			

		

		

			
				
本文将详细介绍如何利用`ViewPaper`库实现跑马灯图片轮换，并探讨其内置的10种切换特效。  `ViewPaper`是一个专门为Android设计的跑马灯视图组件，它可以方便地实现图片或文本的循环滚动效果，同时提供了丰富的动画...

			
		

	





	

		

			

				
					
淘宝SDK模块代码950PX 图片轮换代码（SDK）

				
			

			

				

					11-25
				

			

		

		

			
				
在实际项目中，开发者需要根据【950PX 图片轮换代码（SDK）】这个压缩包提供的源代码，结合自身的业务需求进行适当的修改和扩展，以实现更个性化和功能丰富的图片轮播效果。同时，遵循淘宝SDK的开发规范，确保代码的...

			
		

	





	

		

			

				
					
移动端手机轮换图html5

				
			

			

				

					08-04
				

			

		

		

			
				
CSS3在手机轮换图中起着关键作用，它提供了动画效果，使得图片能够平滑地过渡。例如，使用`transition`和`transform`属性可以创建平滑的滑动效果，同时，`@keyframes`规则可用于定义复杂的动画序列。响应式设计也是...

			
		

	





	

		

			

				
					
安卓listview相关相关-自定义控件实现listView中的图片轮换.rar

				
			

			

				

					07-29
				

			

		

		

			
				
总结来说，这个资源包提供了一个关于在ListView中自定义图片轮换的示例，对于想要学习Android自定义Adapter和图片动画的开发者来说，这是一个很好的学习材料。开发者可以通过理解并实践这份代码，掌握在ListView中...

			
		

	





	

		

			

				
					
android 简单的帧动画例子

				
			

			

				

					02-06
				

			

		

		

			
				
在Android项目的`res/drawable`目录下创建一个XML文件，例如`frame_animation.xml`，用于定义帧动画。这个文件将包含所有帧图片的信息，并指定它们播放的顺序和时长。以下是一个简单的示例：  ```xml ...

			
		

	





	

		

			

				
					
Android项目源码非常漂亮的图库相册图片自动分类

				
			

			

				

					07-29
				

			

		

		

			
				
本项目是一款图片浏览器源码，应该说这个Gallery太强大了，功能很多查看图片、放大缩小、旋转、幻灯播放，分享、等等。本项目UI设计的也很炫，项目中使用了3D Gallery效果，可以好好学习下。代码层次分明，大部分方法都加了详细的注释。对于想做本地图片相册的开发人员来说，简直是福音。1、载入效果非常漂亮 2、超炫的动画效果 （项目采用GBK编码,SDK 19）。之前也有很多类似的项目，感兴趣的可以在首页搜索一下”相册或图库”

			
		

	





	

		

			

				
					
android 使用viewpager实现图片轮播，左右可以无限制滑动

				
			

			

				

					12-26
				

			

		

		

			
				
使用ViewPager实现图片轮播效果，包括能自动轮播，左右无限制滑动,本人亲测，请放心下载

			
		

	





	

		

			

				
					
Android项目源码非常漂亮的图库相册图片自动分类.zip

				
			

			

				

					07-10
				

			

		

		

			
				
Android项目源码非常漂亮的图库相册图片自动分类是一款图片浏览器源码，应该说这个Gallery太强大了，功能很多查看图片、放大缩小、旋转、幻灯播放，分享、等等。本项目UI设计的也很炫，项目中使用了3D Gallery效果，可以好好学习下。代码层次分明，大部分方法都加了详细的注释。对于想做本地图片相册的开发人员来说，简直是福音。1、载入效果非常漂亮 2、超炫的动画效果 （项目采用GBK编码,SDK 19）。

			
		

	





	

		

			

				
					
安卓实现无限轮播 最简单的轮播图

				
			

			

				

					11-07
				

			

		

		

			
				
安卓实现无限轮播 最简单的轮播图
Android中的轮播图实现起来并不难，现在特别是商城类的APP中使用的特别多，自定义view和ViewPager都能很简单的实现，之前找了几篇博文都不具备无限轮播的功能。
      供大家参考学习和使用

			
		

	





	

		

			

				
					
Android类似于头条的图片轮换滚动

				
			

			

				

					08-04
				

			

		

		

			
				
Android类似于头条的图片轮换滚动,自动切换图片

			
		

	





	

		

			

				
					
android项目添加图片,安卓开发：往项目中添加并使用图片

				
			

			

				

					weixin_39803207的博客
				

				

					05-29
					
					6843
					
				

			

		

		

			
				
一 往项目中添加图片文件(1)iOS项目在iOS项目中，如果往项目中添加的图片是png格式的，就是往Assets.xcassets文件夹中添加。如果不是png格式，比如jpg格式的图片，就不能往Assets.xcassets文件夹中添加，那就自己在项目中随意创建一个文件夹，把该图片文件放置进去就行，比如下面这样： (2)Android项目我使用的是Android Studio，项目中有两个地方可以...

			
		

	





	

		

			

				
					
Android 图片自动切换

				
			

			

				

					哆啦A梦丶幻想的博客
				

				

					06-21
					
					7054
					
				

			

		

		

			
				
Android 图片自动切换
  效果图：  思路： 利用 android.support.v4.view.ViewPager 和线程实现图片切换。 
  1. 首先把图片放入分别放入不同的 ImageView 
  2.然后重写一下 ViewPager 的 适配器 PagerAdapter 
  3.然后重写一个实现更新界面等操作 
  4：在onStart里面切换图片  配置文件代码如下：
<R

			
		

	





	

		

			

				
					
安卓最简单的轮播图实现无限轮播

				
			

			

				

					赵小贱的博客
				

				

					10-19
					
					2万+
					
				

			

		

		

			
				
Android中的轮播图实现起来并不难，现在特别是商城类的APP中使用的特别多，自定义view和ViewPager都能很简单的实现，之前找了几篇博文都不具备无限轮播的功能，现在自己实现了无限轮播的功能，供大家参考学习和使用~~~~


先看效果图：






下面就看一下具体的代码实现：
先看一下布局代码 activity_main.xml
<RelativeLayout

			
		

	





	

		

			

				
					
写一个Android屏保，自动轮换展示本地图片的程序

				
			

			

				

					06-08
				

			

		

		

			
				
好的，以下是一个简单的Android屏保程序，可以自动轮换展示本地图片：

1. 首先，在Android Studio中创建一个新的Android项目，然后创建一个新的Activity，命名为ScreenSaverActivity。

2. 在ScreenSaverActivity的布局文件中添加一个ImageView控件，用于展示图片：

```
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"/>

</RelativeLayout>
```

3. 在ScreenSaverActivity中，获取本地图片的路径列表：

```
private List<String> getImagePaths() {
    List<String> paths = new ArrayList<>();
    File[] files = new File(Environment.getExternalStorageDirectory(), "Pictures").listFiles();
    for (File file : files) {
        if (file.isFile() && file.getName().endsWith(".jpg")) {
            paths.add(file.getAbsolutePath());
        }
    }
    return paths;
}
```

此方法会在Pictures文件夹中查找所有的.jpg格式图片，并返回它们的绝对路径列表。

4. 在ScreenSaverActivity中，创建一个定时器，每隔一段时间自动切换图片：

```
private Timer mTimer;
private int mCurrentIndex = 0;

private void startTimer() {
    mTimer = new Timer();
    mTimer.schedule(new TimerTask() {
        @Override
        public void run() {
            runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    List<String> paths = getImagePaths();
                    if (paths.size() > 0) {
                        mCurrentIndex = (mCurrentIndex + 1) % paths.size();
                        String path = paths.get(mCurrentIndex);
                        Bitmap bitmap = BitmapFactory.decodeFile(path);
                        ImageView imageView = findViewById(R.id.imageView);
                        imageView.setImageBitmap(bitmap);
                    }
                }
            });
        }
    }, 0, 5000); // 每隔5秒钟切换一次图片
}
```

此方法会创建一个定时器，每隔5秒钟切换一次图片。图片的切换逻辑是，先获取所有图片的路径列表，然后根据当前的索引值选取一张图片进行展示。

5. 最后，在ScreenSaverActivity的onCreate()方法中，启动定时器：

```
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_screen_saver);
    startTimer();
}
```

到此为止，一个简单的Android屏保程序就完成了。在屏幕长时间无操作后，系统会自动启动ScreenSaverActivity，并展示本地图片。图片会每隔5秒钟自动切换一次。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值