FragmentPagerAdapter图片轮播小圆点跟随传值

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

布局页面

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

     <android.support.v4.view.ViewPager
        android:layout_weight="1"
        android:id="@+id/viewpager"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:text="TextView" />


    <RadioGroup
        android:id="@+id/radioGroup1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <RadioButton
            android:id="@+id/radio0"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:checked="true"
            android:layout_weight="1"
            android:gravity="center"
            android:button="@null"
            android:text="首页" />

        <RadioButton
            android:id="@+id/radio1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:button="@null"
            android:text="分类" />

        <RadioButton
            android:id="@+id/radio2"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:button="@null"
            android:text="我的" />
    </RadioGroup>



</LinearLayout>

MainActivity界面

public class MainActivity extends FragmentActivity {
    private ViewPager vPager;
    private RadioGroup rGroup;
    private RadioButton rdio0;
    private RadioButton rdio1;
    private RadioButton rdio2;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //获取控件
        rGroup = (RadioGroup) findViewById(R.id.radioGroup1);
        rdio0 = (RadioButton) findViewById(R.id.radio0);
        rdio1 = (RadioButton) findViewById(R.id.radio1);
        rdio2 = (RadioButton) findViewById(R.id.radio2);

        vPager = (ViewPager) findViewById(R.id.viewpager);

        MyfPAdapter adapter= new MyfPAdapter(getSupportFragmentManager());
        vPager.setAdapter(adapter);


//      默认背景颜色
        rdio0.setBackgroundColor(Color.RED);
        rdio1.setBackgroundColor(Color.BLUE);
        rdio2.setBackgroundColor(Color.BLUE);


//      默认选择颜色
        vPager.setOnPageChangeListener(new OnPageChangeListener() {

            @Override
            public void onPageSelected(int arg0) {
                // TODO Auto-generated method stub
                switch (arg0) {
                case 0:
                    rdio0.setBackgroundColor(Color.RED);
                    rdio1.setBackgroundColor(Color.BLUE);
                    rdio2.setBackgroundColor(Color.BLUE);

                    break;

                case 1:
                    rdio1.setBackgroundColor(Color.RED);
                    rdio0.setBackgroundColor(Color.BLUE);
                    rdio2.setBackgroundColor(Color.BLUE);

                    break;
                case 2:
                    rdio2.setBackgroundColor(Color.RED);
                    rdio1.setBackgroundColor(Color.BLUE);
                    rdio0.setBackgroundColor(Color.BLUE);

                    break;

                default:
                    break;
                }

            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onPageScrollStateChanged(int arg0) {
                // TODO Auto-generated method stub

            }
        });
//      点击按钮切换fragment页面
        rGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                // TODO Auto-generated method stub
                switch (checkedId) {
                case R.id.radio0:
                    vPager.setCurrentItem(0);
                    break;
                case R.id.radio1:
                    vPager.setCurrentItem(1);
                    break;
                case R.id.radio2:
                    vPager.setCurrentItem(2);
                    break;

                default:
                    break;
                }

            }
        });




    }

}

fragment传值：
fragment1：

lv.setOnItemClickListener(new OnItemClickListener() {

            private TextView text;

            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {
                // TODO Auto-generated method stub
//              调用公共方法传值
                Fragment_textview fragment_t = (Fragment_textview) getActivity()
                        .getSupportFragmentManager().findFragmentById(
                                R.id.framelayout2);
                fragment_t.setmsg(list.get(position));


//              bytag传值
                // FragmentActivity activity = getActivity();
                // text
                // =(TextView)activity.getSupportFragmentManager().findFragmentByTag("2").getView().findViewById(R.id.f2_textView1);
                // text.setText(list.get(position));
            }
        });

fragment2：

//  修改值方法
    public void  setmsg(String msg) {

        text.setText(msg);

    }

轮播页面：

public class Fragment3 extends Fragment {

    private View view;
    private ViewPager vpager;

    // 轮播自动
    Handler handler = new Handler() {
        public void handleMessage(android.os.Message msg) {
            if (msg.what == 1) {
                // 获取当前页面
                int item = vpager.getCurrentItem();
                item++;
                // 设置页面
                vpager.setCurrentItem(item);

                handler.sendEmptyMessageDelayed(1, 1500);

            }

        };

    };

    private LinearLayout linearlyout;
    private ImageView imageView;
    private LayoutParams params;

    private List<Integer> list;
    private List<ImageView> list_imag;

    /*
     * (non-Javadoc)
     * 
     * @see
     * android.support.v4.app.Fragment#onCreateView(android.view.LayoutInflater,
     * android.view.ViewGroup, android.os.Bundle)
     */
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        view = inflater.inflate(R.layout.fragment_3, container, false);
        // 图片集合、不能放全局
        list = new ArrayList<Integer>();
        // 小点图像集合
        list_imag = new ArrayList<ImageView>();

        vpager = (ViewPager) view.findViewById(R.id.f3_viewpager);
        // 线性布局
        linearlyout = (LinearLayout) view.findViewById(R.id.f3_linearlyout);

        return view;
    }

    /*
     * (non-Javadoc)
     * 
     * @see android.support.v4.app.Fragment#onActivityCreated(android.os.Bundle)
     */
    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onActivityCreated(savedInstanceState);
        // 添加数据
        list.add(R.drawable.mm);
        list.add(R.drawable.mm1);
        list.add(R.drawable.mm2);
        list.add(R.drawable.mm3);

        MypagerAdapter adapter = new MypagerAdapter(list, getActivity());
        vpager.setAdapter(adapter);
        //设置最大值
        vpager.setCurrentItem(list.size() * 1000);
        // 监听vpager
        vpager.setOnPageChangeListener(new OnPageChangeListener() {

            @Override
            public void onPageSelected(int arg0) {
                // TODO Auto-generated method stub

                // 改变小点颜色

                for (int i = 0; i < list_imag.size(); i++) {

                    if (arg0 % list_imag.size() == i) {
                        list_imag.get(i).setImageResource(R.drawable.shape_yes);
                    } else {
                        list_imag.get(i).setImageResource(R.drawable.shape_no);
                    }

                }

            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onPageScrollStateChanged(int arg0) {
                // TODO Auto-generated method stub

            }
        });

        handler.sendEmptyMessageDelayed(1, 1500);
        // 置空圆点集合  必须
        if (list_imag != null) {
            list_imag.clear();

            // 小圆点动态添加
            for (int i = 0; i < list.size(); i++) {

                imageView = new ImageView(getActivity());
//              设置颜色
                if (i == 0) {
                    imageView.setImageResource(R.drawable.shape_yes);
                } else {
                    imageView.setImageResource(R.drawable.shape_no);
                }

                // 小点的宽高
                params = new LayoutParams(15, 15);
                // 小点间距
                params.setMargins(10, 0, 10, 20);

                list_imag.add(imageView);
//              加入到线性布局
                linearlyout.addView(imageView, params);

            }

        }

    }





    /*
     * (non-Javadoc)
     * 
     * @see android.support.v4.app.Fragment#onPause() 失去焦点时调用
     */
    @Override
    public void onPause() {
        // TODO Auto-generated method stub

        // 把handler里面的消息清空
        handler.removeCallbacksAndMessages(null);



        super.onPause();
    }

}

适配器：

public class MypagerAdapter extends PagerAdapter {
    List<Integer> list;
    Context ctx;


    public MypagerAdapter(List<Integer> list, Context ctx) {
        super();
        this.list = list;
        this.ctx = ctx;
    }

    /* (non-Javadoc)
     * @see android.support.v4.view.PagerAdapter#getCount()
     */
    @Override
    public int getCount() {
        // TODO Auto-generated method stub
//      设置最大长度
        return Integer.MAX_VALUE;
    }

    /* (non-Javadoc)
     * @see android.support.v4.view.PagerAdapter#isViewFromObject(android.view.View, java.lang.Object)
     */
    @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
        container.removeView((View) object);
    }



    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        // TODO Auto-generated method stub

        ImageView imageView = new ImageView(ctx);
//      磨除集合长度
        imageView.setImageResource(list.get(position%list.size()));
//      图片填充拉伸
        imageView.setScaleType(ScaleType.FIT_XY);
        container.addView(imageView);


        return imageView;
    }

}

轮播图片加载网络图片

 List<String> imag_list = new ArrayList<>();
        String rul1="http://pic8.nipic.com/20100701/5290458_114840036316_2.jpg";
        String rul2="http://pic2.nipic.com/20090424/1468853_230119053_2.jpg";
        String rul3="http://img3.3lian.com/2013/s1/20/d/57.jpg";
        imag_list.add(rul1);
        imag_list.add(rul2);
        imag_list.add(rul3);


        MyPagerAdapter vpadapter = new MyPagerAdapter(imag_list,this);
        vper.setAdapter(vpadapter);
        vper.setCurrentItem(10000);
//        发送handler延迟空消息
        sendMsg();

适配器中instantiateItem方法

@Override
    public Object instantiateItem(ViewGroup container, int position) {

        imageView = new ImageView(context);
        imageView.setScaleType(ImageView.ScaleType.FIT_XY);
        ImageLoader.getInstance().displayImage(imag_list.get(position%imag_list.size()), imageView);
        container.addView(imageView);
        //跳转webview页面
        dianji();

        return imageView;
    }
 private void dianji() {
        imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(context, Main2Activity.class);
                context.startActivity(intent);
            }
        });

    }

web页面

 protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        initView();
//        允许写入JS代码
        web.getSettings().setJavaScriptEnabled(true);
        web.loadUrl("https://www.baidu.com");
    }

    @Override
    protected void onPause() {
        super.onPause();
        finish();
    }

    private void initView() {
        web = (WebView) findViewById(R.id.web);

    }
}
user_app
关注
专栏目录
android在Fragment做轮播图,Android中viewpager+fragment以及实现一个简单的广告轮播
weixin_39517797的博客
05-27 1271
要点：1.viewpager的配置(对我而言)viewpager在XML文件中的书写：android:id="@+id/vPager"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_marginLeft="5dp"android:layout_marginRight="5dp...
js轮播图片小圆点变化_原生js实现轮播图的示例代码
weixin_39855186的博客
12-21 1170
很多网站上都有轮播图，但却很难找到一个系统讲解的，因此这里做一个简单的介绍，希望大家都能有所收获，如果有哪些不正确的地方，希望大家可以指出。原理：将一些图片在一行中平铺，然后计算偏移量再利用定时器实现定时轮播。步骤一：建立html基本布局如下所示：轮播图 12345<>只有五张图片，却使用7张来轮播，这是...
Android中可无限循环轮播的ViewPager
03-19
技术要点：伪无限循环，加载本地图片，带标题和指示器，长按停止滚动，也可通过按钮控制滚动及停止，详细了解请移步http://blog.csdn.net/zxc514257857/article/details/63688217
fragment+PagerAdapter实现轮播图(带圆点)
qq_40741719的博客
05-11 331
fragment+PagerAdapter实现轮播图(带圆点)
卡片 Fragment 轮播
易瑞的博客
08-30 444
最近有个需求，需要写一个轮播，卡片形式的然后又不单单是图片，里面还需要一些文字布局之类的，那就不能使用简单的banner来加载了。想着也不想去引入包，免得乱七八糟，所以就动手自己画一个，最后经过扩展也搞了一个类似京东订单的布局，和一个风车类型的轮播。先看看效果图： 也就这三种，其实实现起来非常简单，首先需要的是 一个适配器，用来存放fragment的，这fragment就是你...
Fragment，适配器，轮播图，ScrollView，Gallery 图片浏览器，Android常用布局样式
程序员哆啦A梦，蓝胖子
05-24 495
喝酒I创作I分享生活中总有些东西值得分享Android开发工程师文集-Fragment，适配器，轮播图，ScrollView，Gallery 图片浏览器，Android常用布局样式Fr...
axure轮播图（含底部小圆点，自动轮播与左右切换）
04-11
绘制的axure轮播图，使用动态面板进行绘制，所用到的都是使用最简单的方式进行的实现，优化了好几次，功能包含底部小圆点，支持点击切换至对应的页面，自动轮播与左右切换，帮助你快速实现轮播功能
android仿新闻客户端图片轮播带小圆点
06-30
在Android开发中，创建一个类似新闻客户端的图片轮播功能是一项常见的需求，它不仅可以展示吸引人的视觉内容，还可以配合小圆点提示用户当前显示的是哪一张图片。本项目标题为"android仿新闻客户端图片轮播带小圆点...
自动轮播+小圆点实现
07-28
在IT行业中，自动轮播与小圆点的实现是一种常见的用户界面设计，广泛应用于网站、APP等场景，为用户提供简洁的导航方式。本教程将详细讲解如何在Android平台下使用ViewPager实现这一功能，并结合小圆点（即radio点）...
JavaScript实现简单图片轮播效果
10-19
JavaScript实现简单图片轮播效果的知识点主要包括以下方面： 1. 图片轮播基本原理：图片轮播是一种常见的网页交互效果，主要用于展示多张图片。一般通过定时器或手动触发事件来改变显示图片的位置，从而实现图片的...
Android Viewpager实现真正无限循环的轮播广告banner ViewPager + FragmentStatePagerAdapter + Fragment（抖音四）
深南大盗的博客
06-21 1751
1.ViewPager添加view---实现广告图片轮播 2ViewPager无限滑动---实现广告图片无限循环 1.ViewPager，实现真正的无限循环（定时+手动） 2.ViewPager + FragmentStatePagerAdapter + Fragment 3.抖音 ViewPager突出的底部标题栏的实现clipChildren 4.Fragmen...
Android中viewpager+fragment以及实现一个简单的广告轮播
前人挖坑，后人种（pen）
01-25 3084
要点：1.viewpager的配置（对我而言）viewpager在XML文件中的书写：        android:id="@+id/vPager"          android:layout_width="match_parent"          android:layout_height="match_parent"          android:layout_marginLef
ViewPager+Fragment的传值问题
Lovebomb的博客
08-02 6895
activity向fragment传值，可以这样做：在activity中写  one.setArguments(bundle);其中one是fragment对象，在接受值得fragment中写 Bundle bundle = getActivity() .getSupportFragmentManager() .findFragmentByTag( "android:switcher:"
ViewPager和PageAdapter,FragmentPageAdapter,FragmentStatePageFragment
jinxinliu1的专栏
12-07 3847
【Android】ViewPager深入解析（一） http://www.imooc.com/article/2580 2015-12-07 11:59:2811830浏览19评论 话说小伙伴们在使用App的时候有没有注意到很多App的首页都是可以左右滑动的页面呢？很多App还有绚丽的轮播图广告。那么如何实现这样的效果呢？相信很多小伙伴都知道可以用ViewPa
Android中ViewPager使用FragmentPagerAdapter（底部圆点）
热门推荐
Tibib的专栏
04-03 2万+
上一篇http://blog.csdn.net/tibib/article/details/8753769简单的介绍了下ViewPager的使用，上一次使用的是PagerAdapter来生成适配每一页，但最常用的是 FragmentPagerAdapter, FragmentStatePagerAdapter,FragmentPagerAdapter, and FragmentStatePag
js图片轮播:VCD包装盒个性幻灯片实例源码
06-15
5. **指示器和控制按钮**：许多图片轮播会提供小圆点或箭头作为当前图片的指示，以及前进和后退的控制。这些元素的状态需要根据当前显示的图片更新，并关联相应的事件处理函数。 6. **响应式设计**：考虑到不同设备...
原生JS实现图片轮播与淡入效果的简单实例
10-21
在前端开发中，图片轮播是一种常见的网页特效，常用于产品展示、广告轮播等场景。本文介绍的是一种使用原生JavaScript实现图片轮播和淡入淡出效果的方法。这种方法不依赖于jQuery或任何第三方库，而是通过纯...
FragmentPagerAdapter，实现fragment的数据刷新
Casey晨小曦的博客
11-07 746
Andorid 开发中我们在使用到FragmentPagerAdapter的时候经常遇到需要刷新fragment中的数据的情况，答主最近也遇到这样的问题，本篇记录一下解决方式 1.更新每个fragment中数据集合的方式无法实现数据更新，原因是在fragmentpageadapter的instantiateItem方法里，他会先去FragmentManager里面去查找有没有相关的fragmen
Android小白关于Activity，Fragment，Adapter之间传值的一些记录
刺目的博客
10-30 3716
Activity，Fragment，Adapter之间传值 1.往activity传值 ：在activity中写start方法。如下 public static void start(Context context, String typeId, String stateId, String id, String rfId, String content) { Intent starter = n...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值