viewpage 小圆点

最新推荐文章于 2025-08-19 08:26:24 发布

weixin_34144450

最新推荐文章于 2025-08-19 08:26:24 发布

阅读量64

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发

原文链接：http://www.cnblogs.com/jiezzy/archive/2012/08/23/2652705.html

本文介绍了一种实现页面指示器切换的方法，通过为不同的页面设置对应的指示器，并在页面切换时更新指示器的状态，使得用户能够直观地了解到当前所处的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// group是R.layou.main中的负责包裹小圆点的LinearLayout.
        group = (ViewGroup)main.findViewById(R.id.viewGroup);

        viewPager = (ViewPager)main.findViewById(R.id.guidePages);

        for (int i = 0; i < pageViews.size(); i++) {
            imageView = new ImageView(GuideViewDemoActivity.this);
            imageView.setLayoutParams(new LayoutParams(20,20));
            imageView.setPadding(20, 0, 20, 0);
            imageViews[i] = imageView;
            if (i == 0) {
                //默认选中第一张图片
                imageViews[i].setBackgroundResource(R.drawable.page_indicator_focused);
            } else {
                imageViews[i].setBackgroundResource(R.drawable.page_indicator);
            }
            group.addView(imageViews[i]);
        }

@Override
        public void onPageSelected(int arg0) {
            for (int i = 0; i < imageViews.length; i++) {
                imageViews[arg0]
                        .setBackgroundResource(R.drawable.page_indicator_focused);
                if (arg0 != i) {
                    imageViews[i]
                            .setBackgroundResource(R.drawable.page_indicator);
                }
            }

        }

dot_style.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="dot_style">
        <item name="android:layout_width">5dip</item>
        <item name="android:layout_height">5dip</item>
        <item name="android:background">@drawable/dot_normal</item>
        <item name="android:layout_marginLeft">1.5dip</item>
        <item name="android:layout_marginRight">1.5dip</item>
    </style>
</resources>

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

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

private void initDots() {
       listDots = new ArrayList<View>();
       listDots.add(findViewById(R.id.dot01));
       listDots.add(findViewById(R.id.dot02));
       listDots.add(findViewById(R.id.dot03));
       listDots.add(findViewById(R.id.dot04));
    }

((View)listDots.get(position)).setBackgroundResource(R.drawable.dot_focused);
((View)listDots.get(oldPosition)).setBackgroundResource(R.drawable.dot_normal);

转载于:https://www.cnblogs.com/jiezzy/archive/2012/08/23/2652705.html