• 图片轮播和小圆点


    ViewPager图片自动轮播加原点

     

    Layout_Xml

    activity_main.xml

    复制代码
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity" >
    
            <android.support.v4.view.ViewPager
                android:id="@+id/vp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                />
            <LinearLayout 
                android:id="@+id/dotcontaint"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:layout_alignParentBottom="true"
                />
                
              
    </RelativeLayout>
    复制代码

    dot_layout.xml

    复制代码
    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >
        <View 
            android:id="@+id/dotView"
            android:layout_width="8dp"
            android:layout_height="8dp"
            android:layout_margin="10dp"
            android:background="@drawable/dot_nomal"
            />
    
    </LinearLayout>
    复制代码

    drawable_xml

    dot_focus.xml

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

    dot_nomal.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
        <solid android:color="#ffffff"/>
        <corners android:radius="8dip"/>
    
    </shape>

    MainActivity.java

    复制代码
    package com.ch.day14_viewpagershape;
    
    import java.util.ArrayList;
    import java.util.Timer;
    import java.util.TimerTask;
    
    import com.lidroid.xutils.BitmapUtils;
    
    import android.os.Bundle;
    import android.os.Handler;
    import android.app.Activity;
    import android.support.v4.view.PagerAdapter;
    import android.support.v4.view.ViewPager;
    import android.view.LayoutInflater;
    import android.view.Menu;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.ImageView;
    import android.widget.ImageView.ScaleType;
    import android.widget.LinearLayout;
    
    public class MainActivity extends Activity {
        private ViewPager vp;
        private LinearLayout dotcontaint;
        ArrayList<ImageView> imgs ;
        ArrayList<View> dots ;
        
        int count = 0;
        int olddotindex = 0;
        //图片数据
        private String[] image_url = new String[]{
                "http://pic8.nipic.com/20100701/5290458_114840036316_2.jpg",
                "http://img3.3lian.com/2013/s1/20/d/57.jpg",
                "http://pic39.nipic.com/20140226/18071023_164300608000_2.jpg",
                "http://a0.att.hudong.com/15/08/300218769736132194086202411_950.jpg"};
        
        Handler h = new Handler(){
            public void handleMessage(android.os.Message msg) {
                vp.setCurrentItem(count);//设置此次要显示的pager
                //切换选中的圆点
                dots.get(olddotindex).setBackgroundResource(R.drawable.dot_nomal);//设置上次选中的圆点为不选中
                dots.get(count).setBackgroundResource(R.drawable.dot_focus);//设置当前选中的圆点为选中
                olddotindex = count;
                
            };
        };
        
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            
            init();
        }
        
        public void init(){
            vp = (ViewPager) findViewById(R.id.vp);
            dotcontaint = (LinearLayout) findViewById(R.id.dotcontaint);
            
            //获得网络图片,配置给Veiwpager
            getImageViewList();
            //获得圆点
            getDotList();
            //设置第一个圆点为选中状态
            dots.get(0).setBackgroundResource(R.drawable.dot_focus);
            vp.setAdapter(new MyVpAdapger());//配置pager页
            //通过定时器,制作自动划动效果
            Timer timer = new Timer();
            timer.schedule(new TimerTask() {
                @Override
                public void run() {
                    count++;//下一个页
                    if(count == 4){
                        count = 0;
                    }
                    h.sendEmptyMessage(0x123);//在此线程中,不能操作ui主线程
                }
            }, 3000, 2000);
            
        }
        
        private void getDotList() {
            // TODO Auto-generated method stub
            dots = new ArrayList<View>();
            //循环图片数组,创建对应数量的dot
            for(int i=0;i<image_url.length;i++){
                View view = LayoutInflater.from(this).inflate(R.layout.dot_layout, null);//加载布局
                View dot = view.findViewById(R.id.dotView);//得到布局中的dot点组件
                //收集dot
                dots.add(dot);
                //把布局添加到线性布局
                dotcontaint.addView(view);
            }
            
        }
    
        class MyVpAdapger extends PagerAdapter{
    
            @Override
            public int getCount() {
                // TODO Auto-generated method stub
                return imgs.size();
            }
    
            @Override
            public boolean isViewFromObject(View arg0, Object arg1) {
                // TODO Auto-generated method stub
                return arg0==arg1;
            }
            
            @Override
            public void destroyItem(ViewGroup container, int position, Object object) {
                // TODO Auto-generated method stub
    //            super.destroyItem(container, position, object);
                ImageView img = imgs.get(position);
                container.removeView(img);
            }
            
            @Override
            public Object instantiateItem(ViewGroup container, int position) {
                // TODO Auto-generated method stub
                container.addView(imgs.get(position));
                return imgs.get(position);
            }
            
        }
    
        /**
         * 到网络获得图片信息,并赋值到ImageView中
         */
        private void getImageViewList() {
            // TODO Auto-generated method stub
            imgs = new ArrayList<ImageView>();
            BitmapUtils btUtil = new BitmapUtils(this);
            //加载图片
            for(int i=0;i<image_url.length;i++){
                ImageView img = new ImageView(this);
                img.setScaleType(ScaleType.FIT_XY);
                
                btUtil.display(img, image_url[i]);
                imgs.add(img);
            }
        }
    
        @Override
        public boolean onCreateOptionsMenu(Menu menu) {
            // Inflate the menu; this adds items to the action bar if it is present.
            getMenuInflater().inflate(R.menu.activity_main, menu);
            return true;
        }
    
    }
    复制代码

     修改后的MainActivity页面(专业)

    复制代码
    package com.ch.day14_viewpagershape;
    
    import java.util.ArrayList;
    import java.util.Timer;
    import java.util.TimerTask;
    
    import com.lidroid.xutils.BitmapUtils;
    
    import android.os.Bundle;
    import android.os.Handler;
    import android.app.Activity;
    import android.support.v4.view.PagerAdapter;
    import android.support.v4.view.ViewPager;
    import android.view.LayoutInflater;
    import android.view.Menu;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.ImageView;
    import android.widget.ImageView.ScaleType;
    import android.widget.LinearLayout;
    
    public class MainActivity extends Activity {
        private ViewPager vp;
        private LinearLayout dotcontaint;
        ArrayList<ImageView> imgs ;
        ArrayList<View> dots ;
        
        int currentIndex = 0;
        int olderIndex = 0;
        //图片数据
        private String[] image_url = new String[]{
                "http://pic8.nipic.com/20100701/5290458_114840036316_2.jpg",
                "http://img3.3lian.com/2013/s1/20/d/57.jpg",
                "http://pic39.nipic.com/20140226/18071023_164300608000_2.jpg",
                "http://a0.att.hudong.com/15/08/300218769736132194086202411_950.jpg"};
        
        Handler h = new Handler(){
            public void handleMessage(android.os.Message msg) {
                vp.setCurrentItem(currentIndex);//设置此次要显示的pager
                //切换选中的圆点
                dots.get(olderIndex).setBackgroundResource(R.drawable.dot_nomal);//设置上次选中的圆点为不选中
                dots.get(currentIndex%image_url.length).setBackgroundResource(R.drawable.dot_focus);//设置当前选中的圆点为选中
                olderIndex = currentIndex%image_url.length;
                
            };
        };
        
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            
            init();
        }
        
        public void init(){
            vp = (ViewPager) findViewById(R.id.vp);
            dotcontaint = (LinearLayout) findViewById(R.id.dotcontaint);
            
            //获得网络图片,配置给Veiwpager
            getImageViewList();
            //获得圆点
            getDotList();
            //设置第一个圆点为选中状态
            dots.get(0).setBackgroundResource(R.drawable.dot_focus);
            vp.setAdapter(new MyVpAdapger());//配置pager页
            int currentItem = Integer.MAX_VALUE/2-Integer.MAX_VALUE/2%image_url.length;
            vp.setCurrentItem(currentItem);
            //通过定时器,制作自动划动效果
            Timer timer = new Timer();
            timer.schedule(new TimerTask() {
                @Override
                public void run() {
                    currentIndex = vp.getCurrentItem()+1;//下一个页
                
                    h.sendEmptyMessage(0x123);//在此线程中,不能操作ui主线程
                }
            }, 3000, 2000);
            
        }
        
        private void getDotList() {
            // TODO Auto-generated method stub
            dots = new ArrayList<View>();
            //循环图片数组,创建对应数量的dot
            for(int i=0;i<image_url.length;i++){
                View view = LayoutInflater.from(this).inflate(R.layout.dot_layout, null);//加载布局
                View dot = view.findViewById(R.id.dotView);//得到布局中的dot点组件
                //收集dot
                dots.add(dot);
                //把布局添加到线性布局
                dotcontaint.addView(view);
            }
            
        }
    
        class MyVpAdapger extends PagerAdapter{
    
            @Override
            public int getCount() {
                // TODO Auto-generated method stub
                return Integer.MAX_VALUE;
            }
    
            @Override
            public boolean isViewFromObject(View arg0, Object arg1) {
                // TODO Auto-generated method stub
                return arg0==arg1;
            }
            
            @Override
            public void destroyItem(ViewGroup container, int position, Object object) {
                // TODO Auto-generated method stub
    //            super.destroyItem(container, position, object);
    //            ImageView img = imgs.get(position);
                container.removeView((View)object);
            }
            
            @Override
            public Object instantiateItem(ViewGroup container, int position) {
                // TODO Auto-generated method stub
                int item = position%image_url.length;
                container.addView(imgs.get(item));
                return imgs.get(item);
            }
            
        }
    
        /**
         * 到网络获得图片信息,并赋值到ImageView中
         */
        private void getImageViewList() {
            // TODO Auto-generated method stub
            imgs = new ArrayList<ImageView>();
            BitmapUtils btUtil = new BitmapUtils(this);
            //加载图片
            for(int i=0;i<image_url.length;i++){
                ImageView img = new ImageView(this);
                img.setScaleType(ScaleType.FIT_XY);
                
                btUtil.display(img, image_url[i]);
                imgs.add(img);
            }
        }
    
        @Override
        public boolean onCreateOptionsMenu(Menu menu) {
            // Inflate the menu; this adds items to the action bar if it is present.
            getMenuInflater().inflate(R.menu.activity_main, menu);
            return true;
        }
    
    }
    复制代码
  • 相关阅读:
    项目外部 property文件使用方法
    java JsonArray统一添加key
    java发送Http请求
    excel数据追加,java实现
    request.getParameter("name")获取参数为null和""空字符串的区别
    maven 配置jetty插件启动 及简单测试
    左右值编码实现树状存储
    Spring将classpath下的 .properties文件数据读出放到map中,在初始化时加载
    Ubuntu简单配置
    java.io.Serializable浅析
  • 原文地址:https://www.cnblogs.com/hnpy/p/5455326.html
Copyright © 2020-2023  润新知