Android自定義View仿微信LetterView效果
更新時間:2017年03月03日 13:56:26 作者:VittaWinnie
這篇文章主要介紹了Android自定義View仿微信LetterView效果,代碼簡單易懂,非常不錯,具有參考借鑒借鑒價值,需要的朋友可以參考下
廢話不多說了,具體代碼如下所示:
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("#");//追加一個#
//初始化畫筆
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();
//測量字的寬度
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將觸摸事件封裝,包裝了動作,位置信息;onClick也是一種motionEvent
* onClick 事件 實(shí)際上是 onTouchEvent事件
* @param event
* @return
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
//包裝了動作,位置信息
// event.getY();//相對于View本身的坐標(biāo)值
// event.getRawY();//返回的是相對于屏幕的坐標(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;
}
}
您可能感興趣的文章:
- Android編程自定義title bar(標(biāo)題欄)示例
- Android自定義TitleView標(biāo)題開發(fā)實(shí)例
- Android使用setCustomTitle()方法自定義對話框標(biāo)題
- Android中自定義Window Title樣式實(shí)例
- Android編程自定義Dialog的方法分析
- Android編程自定義圓角半透明Dialog的方法
- android自定義View滑動刪除效果
- Android自定義TabLayout效果
- Android自定義手機(jī)界面狀態(tài)欄實(shí)例代碼
- Android實(shí)現(xiàn)自定義圓角對話框Dialog的示例代碼
- Android動態(tài)自定義圓形進(jìn)度條
- Android編程實(shí)現(xiàn)自定義title功能示例
相關(guān)文章
Android學(xué)習(xí)之介紹Binder的簡單使用
BInder方面的資料雖然感覺看的比較多,但是真正用的時候才發(fā)現(xiàn)有很多地方模棱兩棵的,所以,打算用一個實(shí)例再來鞏固一下binder的使用方法。這篇文章主要介紹了Android中Binder的簡單使用,文中給出詳細(xì)的示例代碼,需要的朋友可以參考下2016-12-12
Android RecyclerView實(shí)現(xiàn)滑動刪除
這篇文章主要為大家詳細(xì)介紹了Android RecyclerView實(shí)現(xiàn)滑動刪除,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-07-07
解析Android中實(shí)現(xiàn)滑動翻頁之ViewFlipper的使用詳解
有一些場景,我們需要向用戶展示一系列的頁面。比如我們正在開發(fā)一個看漫畫的應(yīng)用,可能就需要向用戶展示一張一張的漫畫圖片,用戶使用手指滑動屏幕,可以在前一幅漫畫和后一幅漫畫之間切換。這個時候ViewFlipper就是一個很好的選擇2013-05-05
Android使用AudioRecord實(shí)現(xiàn)錄音功能
這篇文章主要為大家詳細(xì)介紹了Android使用AudioRecord實(shí)現(xiàn)錄音功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-08-08
Android RadioGroup多行顯示效果 解決單選問題
這篇文章主要為大家詳細(xì)介紹了Android RadioGroup多行顯示效果,解決單選問題,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-11-11
Android動態(tài)表格的實(shí)現(xiàn)代碼(內(nèi)容、樣式可擴(kuò)縮)
這篇文章主要介紹了Android動態(tài)表格的實(shí)現(xiàn)代碼(內(nèi)容、樣式可擴(kuò)縮),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-09-09

