Android开发实战2----圆点导航指示器(使用自定义View实现)

得到的
摘要由CSDN通过智能技术生成

一、项目概述

当我们使用viewpager进行图片预览时,底部一般情况都会出现圆点导航指示器,效果如图所示:




二、不好的一种处理方式:

刚开始的情况下,我们会现在activity中先定义一个LinearLayout,然后对于这个LinearLayout进行增删Imageview操作。比如:

@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		LayoutInflater inflater = getLayoutInflater();
		pageViews = new ArrayList<View>();
		pageViews.add(inflater.inflate(R.layout.viewpager01, null));
		pageViews.add(inflater.inflate(R.layout.viewpager02, null));
		pageViews.add(inflater.inflate(R.layout.viewpager03, null));
		pageViews.add(inflater.inflate(R.layout.viewpager04, null));
		pageViews.add(inflater.inflate(R.layout.viewpager05, null));
		pageViews.add(inflater.inflate(R.layout.viewpager06, null));

		// 小圆点数组,大小是图片的个数
		imageViews = new ImageView[pageViews.size()];
		// 从指定的XML文件中加载视图
		viewPictures = (ViewGroup) inflater.inflate(R.layout.viewpagers, null);

		viewPager = (ViewPager) viewPictures.findViewById(R.id.guidePagers);
		viewPoints = (ViewGroup) viewPictures.findViewById(R.id.viewPoints);

		// 添加小圆点导航的图片
		for (int i = 0; i < pageViews.size(); i++) {
			imageView = new ImageView(WhatsnewPagesA.this);
			imageView.setLayoutParams(new LayoutParams(20, 20));
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android 圆点指示器常用于 ViewPager、RecyclerView 等控件的指示,用于表示当前显示页面的位置。一般来说,可以通过自定义 View 或者使用第三方库来实现圆点指示器。 以下是使用定义 View 实现圆点指示器的基本步骤: 1. 创建一个自定义 View 类,继承自 View。 2. 在自定义 View 的构造函数中初始化相关参数,如圆点的颜色、大小、间距等。 3. 重写 onMeasure 方法,设置自定义 View 的大小。 4. 重写 onDraw 方法,在画布上绘制圆点。 5. 在需要使用圆点指示器的地方,将自定义 View 添加到布局中即可。 以下是一个简单的圆点指示器示例代码: ```java public class CircleIndicatorView extends View { private static final int DEFAULT_COLOR = Color.WHITE; private static final int DEFAULT_RADIUS = 10; private static final int DEFAULT_SPACING = 20; private int mCircleColor = DEFAULT_COLOR; private int mCircleRadius = DEFAULT_RADIUS; private int mCircleSpacing = DEFAULT_SPACING; private int mCount = 0; private int mCurrent = 0; public CircleIndicatorView(Context context) { super(context); } public CircleIndicatorView(Context context, AttributeSet attrs) { super(context, attrs); } public CircleIndicatorView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } public void setCount(int count) { mCount = count; invalidate(); } public void setCurrent(int current) { mCurrent = current; invalidate(); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int width = mCircleRadius * 2 * mCount + mCircleSpacing * (mCount - 1); int height = mCircleRadius * 2; setMeasuredDimension(width, height); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); for (int i = 0; i < mCount; i++) { int cx = mCircleRadius + (mCircleRadius * 2 + mCircleSpacing) * i; int cy = mCircleRadius; canvas.drawCircle(cx, cy, mCircleRadius, mCircleColor); if (i == mCurrent) { canvas.drawCircle(cx, cy, mCircleRadius - 5, DEFAULT_COLOR); } } } } ``` 在布局文件中引用该自定义 View: ```xml <com.example.CircleIndicatorView android:id="@+id/circle_indicator_view" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10dp" app:circleColor="#FF0000" app:circleRadius="10dp" app:circleSpacing="20dp" /> ``` 注意,在自定义 View使用属性时需要在 attrs.xml 文件中定义对应的属性。 当然,还有很多第三方库可以实现圆点指示器,比如 ViewPagerIndicator、SmartTabLayout 等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值