资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

Android自定义控件RatingBar调整字体大小的方法

这篇文章主要讲解了Android自定义控件RatingBar调整字体大小的方法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

目前创新互联公司已为超过千家的企业提供了网站建设、域名、虚拟主机、网站托管、服务器托管、企业网站设计、台州网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

项目需要,做一个可以调整字体大小的控件,能在滑动或点击时改变选中的位置,效果图如下:

Android自定义控件RatingBar调整字体大小的方法

这是一个类似于RatingBar的控件,然而配置RatingBar的样式难以实现这样的效果,如选中的图案和上面的文字对齐。因此,有必要写一个自定义View来实现。

思路如下:

  • 新建一个TextRatingBar继承View类
  • 在onDraw()方法中绘制元素:文字、横线、短竖线和圆形标记
  • 重写onMeasure()方法,控制整体大小和边界
  • 在onTouchEvent()方法中处理ACTION_DOWN和ACTION_MOVE事件,调用invalidate()方法引起View的重绘,以更新视图
  • 定义一个用户选中某个字体的回调接口,以通知外部处理,比如去设置字体大小。
     

TextRatingBar类代码如下:

package cc.rome753.demo.view;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;

/**
 * Created by rome753 on 2017/3/10
 */

public class TextRatingBar extends View{

 //paddingLeft
 private int mLeft;
 //paddingTop
 private int mTop;
 //当前rating
 private int mRating;
 //总raring数
 private int mCount;
 //rating文字
 private String[] texts = {"小","中","大","超大"};
 //相邻raring的距离
 private int mUnitSize;
 //bar到底部的距离
 private int mYOffset;
 //小竖条的一半长度
 private int mMarkSize;

 Paint paint = new Paint();

 public TextRatingBar(Context context) {
 this(context, null);
 }

 public TextRatingBar(Context context, AttributeSet attrs) {
 this(context, attrs, 0);
 }

 public TextRatingBar(Context context, AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);
 mCount = 4;
 mRating = 0;
 mMarkSize = 3;
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 Log.i("test", getMeasuredWidth() + " " + getMeasuredHeight());
 mLeft = (getPaddingLeft()+getPaddingRight())/2;
 mTop = getPaddingTop();
 int barWidth = getMeasuredWidth() - 2 * mLeft;
 mUnitSize = barWidth/(mCount - 1);
 mYOffset = getMeasuredHeight() - getPaddingBottom();
 }

 @Override
 protected void onDraw(Canvas canvas) {
 paint.setStrokeWidth(2);
 paint.setColor(Color.RED);
 canvas.drawLine(mLeft,mYOffset,mLeft+mRating*mUnitSize,mYOffset,paint);
 for(int i=0;i

几个要点:

  • onDraw()中的绘制要注意周围的预留空间,防止最左边的字体只显示一半,或滑动条下面没有一点空白的预留空间,导致用户不好划。因此在计算每一个绘制坐标时额外加上这些。
  • 触摸事件是判断当前触摸点离哪个rating点最近,要加上左右临界值Math.abs(distance),用户点击或划动在distance范围内就算发生了onRating()事件。
     

没有用到自定义属性,使用时直接放到布局中,周围加上padding就行了。

 

看完上述内容,是不是对Android自定义控件RatingBar调整字体大小的方法有进一步的了解,如果还想学习更多内容,欢迎关注创新互联行业资讯频道。


当前文章:Android自定义控件RatingBar调整字体大小的方法
浏览地址:http://cdkjz.cn/article/jjocih.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220