Android自定義控件RatingBar調(diào)整字體大小的方法
這篇文章主要講解了Android自定義控件RatingBar調(diào)整字體大小的方法，內(nèi)容清晰明了，對此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會(huì)有幫助。
目前創(chuàng)新互聯(lián)公司已為超過千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機(jī)、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、臺州網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。
項(xiàng)目需要，做一個(gè)可以調(diào)整字體大小的控件，能在滑動(dòng)或點(diǎn)擊時(shí)改變選中的位置，效果圖如下：
這是一個(gè)類似于RatingBar的控件，然而配置RatingBar的樣式難以實(shí)現(xiàn)這樣的效果，如選中的圖案和上面的文字對齊。因此，有必要寫一個(gè)自定義View來實(shí)現(xiàn)。
思路如下：
- 新建一個(gè)TextRatingBar繼承View類
- 在onDraw()方法中繪制元素：文字、橫線、短豎線和圓形標(biāo)記
- 重寫onMeasure()方法，控制整體大小和邊界
- 在onTouchEvent()方法中處理ACTION_DOWN和ACTION_MOVE事件，調(diào)用invalidate()方法引起View的重繪，以更新視圖
- 定義一個(gè)用戶選中某個(gè)字體的回調(diào)接口，以通知外部處理，比如去設(shè)置字體大小。
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;
//當(dāng)前rating
private int mRating;
//總raring數(shù)
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幾個(gè)要點(diǎn)：
- onDraw()中的繪制要注意周圍的預(yù)留空間，防止最左邊的字體只顯示一半，或滑動(dòng)條下面沒有一點(diǎn)空白的預(yù)留空間，導(dǎo)致用戶不好劃。因此在計(jì)算每一個(gè)繪制坐標(biāo)時(shí)額外加上這些。
- 觸摸事件是判斷當(dāng)前觸摸點(diǎn)離哪個(gè)rating點(diǎn)最近，要加上左右臨界值Math.abs(distance)，用戶點(diǎn)擊或劃動(dòng)在distance范圍內(nèi)就算發(fā)生了onRating()事件。
沒有用到自定義屬性，使用時(shí)直接放到布局中，周圍加上padding就行了。
看完上述內(nèi)容，是不是對Android自定義控件RatingBar調(diào)整字體大小的方法有進(jìn)一步的了解，如果還想學(xué)習(xí)更多內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
名稱欄目：Android自定義控件RatingBar調(diào)整字體大小的方法
文章起源：http://m.jiaotiyi.com/article/jjocih.html