如何在Android利用View模仿一個(gè)微信的LetterView效果?相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個(gè)問題。

我們提供的服務(wù)有:成都網(wǎng)站建設(shè)、成都做網(wǎng)站、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、潁泉ssl等。為上千余家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的潁泉網(wǎng)站制作公司
具體代碼如下所示:
public class LetterView extends View {
private String TAG = LetterView.class.getSimpleName();
//A,B,C....Z,#
public List<String> letters;
private Paint mPaint;
private int selectPosition = -1;
private TextView mLetter;
public void setmLetter(TextView mLetter) {
this.mLetter = mLetter;
}
public LetterView(Context context) {
this(context,null);
}
public LetterView(Context context, AttributeSet attrs) {
this(context, attrs,0);
}
public LetterView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
//生產(chǎn)字母
letters = new ArrayList<>();
for (int i = 65; i < 91; i++) {
letters.add(String.format(Locale.CHINA,"%c",i));
Log.e(TAG, "LetterView: "+ String.format(Locale.CHINA,"%c",i));
}
letters.add("#");//追加一個(gè)#
//初始化畫筆
mPaint = new Paint();
mPaint.setAntiAlias(true);
mPaint.setColor(Color.BLUE);
mPaint.setTextSize(30);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
/**
* 獲取View的寬度
* 獲取View的高度
*/
int width = getMeasuredWidth();
int height = getMeasuredHeight();
//測(cè)量字的寬度
int size = letters.size();
for (int i = 0; i < size; i++) {
float textWidth = mPaint.measureText(letters.get(i));
int singleHeight = height / size;
if (selectPosition == i){//被選中的
mPaint.setColor(Color.RED);
}else{
mPaint.setColor(Color.BLUE);
}
canvas.drawText(letters.get(i),(width - textWidth)/2, singleHeight * (i + 1),mPaint);
/**
* drawText() x y \_ 為基準(zhǔn)線
*/
invalidate();
}
}
/**
* Android將觸摸事件封裝,包裝了動(dòng)作,位置信息;onClick也是一種motionEvent
* onClick 事件 實(shí)際上是 onTouchEvent事件
* @param event
* @return
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
//包裝了動(dòng)作,位置信息
// event.getY();//相對(duì)于View本身的坐標(biāo)值
// event.getRawY();//返回的是相對(duì)于屏幕的坐標(biāo)值
float y = event.getY();
Log.e(TAG, "onTouchEvent: Y:"+ y);
// Log.e(TAG, "onTouchEvent: RawY:"+event.getRawY() );
int measuredHeight = getMeasuredHeight();
int singleHeight = measuredHeight / letters.size();
int position = (int) (y / singleHeight);
Log.e(TAG, "onTouchEvent: " + position );
switch (event.getAction()) {
case MotionEvent.ACTION_MOVE:
Log.e(TAG, "onTouchEvent: ACTION_MOVE" );
case MotionEvent.ACTION_DOWN:
Log.e(TAG, "onTouchEvent: ACTION_DOWN" );
selectPosition = position;
if (mLetter != null) {
mLetter.setVisibility(View.VISIBLE);
//極限情況有可能下標(biāo)越界,需要判斷一下
if (position < letters.size() && position >= 0){
mLetter.setText(letters.get(position));
}
}
break;
case MotionEvent.ACTION_UP:
Log.e(TAG, "onTouchEvent: ACTION_UP" );
selectPosition = -1;
if (mLetter != null) {
mLetter.setVisibility(View.GONE);
}
break;
}
//返回true代表事件被處理了
return true;
}
}看完上述內(nèi)容,你們掌握如何在Android利用View模仿一個(gè)微信的LetterView效果的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
分享名稱:如何在Android利用View模仿一個(gè)微信的LetterView效果
本文路徑:http://www.chinadenli.net/article30/piidpo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)、域名注冊(cè)、品牌網(wǎng)站設(shè)計(jì)、企業(yè)建站、做網(wǎng)站、網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)