Android自定義View的三種實現(xiàn)方式總結(jié)
更新時間：2017年02月17日 10:35:18 作者：賈永基
本篇文章主要介紹了Android自定義View的三種實現(xiàn)方式總結(jié)，非常具有實用價值，需要的朋友可以參考下。
在畢設(shè)項目中多處用到自定義控件，一直打算總結(jié)一下自定義控件的實現(xiàn)方式，今天就來總結(jié)一下吧。在此之前學(xué)習(xí)了郭霖大神博客上面關(guān)于自定義View的幾篇博文，感覺受益良多，本文中就參考了其中的一些內(nèi)容。
總結(jié)來說，自定義控件的實現(xiàn)有三種方式，分別是：組合控件、自繪控件和繼承控件。下面將分別對這三種方式進行介紹。
（一）組合控件
組合控件，顧名思義就是將一些小的控件組合起來形成一個新的控件，這些小的控件多是系統(tǒng)自帶的控件。比如很多應(yīng)用中普遍使用的標題欄控件，其實用的就是組合控件，那么下面將通過實現(xiàn)一個簡單的標題欄自定義控件來說說組合控件的用法。
1、新建一個Android項目，創(chuàng)建自定義標題欄的布局文件title_bar.xml：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#0000ff" >
<Button
android:id="@+id/left_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_margin="5dp"
android:background="@drawable/back1_64" />
<TextView
android:id="@+id/title_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="這是標題"
android:textColor="#ffffff"
android:textSize="20sp" />
</RelativeLayout>
可見這個標題欄控件還是比較簡單的，其中在左邊有一個返回按鈕，背景是一張事先準備好的圖片back1_64.png，標題欄中間是標題文字。
2、創(chuàng)建一個類TitleView，繼承自RelativeLayout：
public class TitleView extends RelativeLayout {
// 返回按鈕控件
private Button mLeftBtn;
// 標題Tv
private TextView mTitleTv;
public TitleView(Context context, AttributeSet attrs) {
super(context, attrs);
// 加載布局
LayoutInflater.from(context).inflate(R.layout.title_bar, this);
// 獲取控件
mLeftBtn = (Button) findViewById(R.id.left_btn);
mTitleTv = (TextView) findViewById(R.id.title_tv);
}
// 為左側(cè)返回按鈕添加自定義點擊事件
public void setLeftButtonListener(OnClickListener listener) {
mLeftBtn.setOnClickListener(listener);
}
// 設(shè)置標題的方法
public void setTitleText(String title) {
mTitleTv.setText(title);
}
}
在TitleView中主要是為自定義的標題欄加載了布局，為返回按鈕添加事件監(jiān)聽方法，并提供了設(shè)置標題文本的方法。
3、在activity_main.xml中引入自定義的標題欄：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/main_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<com.example.test.TitleView
android:id="@+id/title_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
</com.example.test.TitleView>
</LinearLayout>
4、在MainActivity中獲取自定義的標題欄，并且為返回按鈕添加自定義點擊事件：
private TitleView mTitleBar;
mTitleBar = (TitleView) findViewById(R.id.title_bar);
mTitleBar.setLeftButtonListener(new OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this, "點擊了返回按鈕", Toast.LENGTH_SHORT)
.show();
finish();
}
});
5、運行效果如下：
這樣就用組合的方式實現(xiàn)了自定義標題欄，其實經(jīng)過更多的組合還可以創(chuàng)建出功能更為復(fù)雜的自定義控件，比如自定義搜索欄等。
（二）自繪控件
自繪控件的內(nèi)容都是自己繪制出來的，在View的onDraw方法中完成繪制。下面就實現(xiàn)一個簡單的計數(shù)器，每點擊它一次，計數(shù)值就加1并顯示出來。
1、創(chuàng)建CounterView類，繼承自View，實現(xiàn)OnClickListener接口：
public class CounterView extends View implements OnClickListener {
// 定義畫筆
private Paint mPaint;
// 用于獲取文字的寬和高
private Rect mBounds;
// 計數(shù)值，每點擊一次本控件，其值增加1
private int mCount;
public CounterView(Context context, AttributeSet attrs) {
super(context, attrs);
// 初始化畫筆、Rect
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mBounds = new Rect();
// 本控件的點擊事件
setOnClickListener(this);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mPaint.setColor(Color.BLUE);
// 繪制一個填充色為藍色的矩形
canvas.drawRect(0, 0, getWidth(), getHeight(), mPaint);
mPaint.setColor(Color.YELLOW);
mPaint.setTextSize(50);
String text = String.valueOf(mCount);
// 獲取文字的寬和高
mPaint.getTextBounds(text, 0, text.length(), mBounds);
float textWidth = mBounds.width();
float textHeight = mBounds.height();
// 繪制字符串
canvas.drawText(text, getWidth() / 2 - textWidth / 2, getHeight() / 2
+ textHeight / 2, mPaint);
}
@Override
public void onClick(View v) {
mCount ++;
// 重繪
invalidate();
}
}
2、在activity_main.xml中引入該自定義布局：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/main_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<com.example.test.CounterView
android:id="@+id/counter_view"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_gravity="center_horizontal|top"
android:layout_margin="20dp" />
</LinearLayout>
3、運行效果如下：
（三）繼承控件
就是繼承已有的控件，創(chuàng)建新控件，保留繼承的父控件的特性，并且還可以引入新特性。下面就以支持橫向滑動刪除列表項的自定義ListView的實現(xiàn)來介紹。
1、創(chuàng)建刪除按鈕布局delete_btn.xml，這個布局是在橫向滑動列表項后顯示的：
<?xml version="1.0" encoding="utf-8"?> <Button xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#FF0000" android:padding="5dp" android:text="刪除" android:textColor="#FFFFFF" android:textSize="16sp" > </Button>
2、創(chuàng)建CustomListView類，繼承自ListView，并實現(xiàn)了OnTouchListener和OnGestureListener接口：
public class CustomListView extends ListView implements OnTouchListener,
OnGestureListener {
// 手勢動作探測器
private GestureDetector mGestureDetector;
// 刪除事件監(jiān)聽器
public interface OnDeleteListener {
void onDelete(int index);
}
private OnDeleteListener mOnDeleteListener;
// 刪除按鈕
private View mDeleteBtn;
// 列表項布局
private ViewGroup mItemLayout;
// 選擇的列表項
private int mSelectedItem;
// 當(dāng)前刪除按鈕是否顯示出來了
private boolean isDeleteShown;
public CustomListView(Context context, AttributeSet attrs) {
super(context, attrs);
// 創(chuàng)建手勢監(jiān)聽器對象
mGestureDetector = new GestureDetector(getContext(), this);
// 監(jiān)聽onTouch事件
setOnTouchListener(this);
}
// 設(shè)置刪除監(jiān)聽事件
public void setOnDeleteListener(OnDeleteListener listener) {
mOnDeleteListener = listener;
}
// 觸摸監(jiān)聽事件
@Override
public boolean onTouch(View v, MotionEvent event) {
if (isDeleteShown) {
hideDelete();
return false;
} else {
return mGestureDetector.onTouchEvent(event);
}
}
@Override
public boolean onDown(MotionEvent e) {
if (!isDeleteShown) {
mSelectedItem = pointToPosition((int) e.getX(), (int) e.getY());
}
return false;
}
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
// 如果當(dāng)前刪除按鈕沒有顯示出來，并且x方向滑動的速度大于y方向的滑動速度
if (!isDeleteShown && Math.abs(velocityX) > Math.abs(velocityY)) {
mDeleteBtn = LayoutInflater.from(getContext()).inflate(
R.layout.delete_btn, null);
mDeleteBtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
mItemLayout.removeView(mDeleteBtn);
mDeleteBtn = null;
isDeleteShown = false;
mOnDeleteListener.onDelete(mSelectedItem);
}
});
mItemLayout = (ViewGroup) getChildAt(mSelectedItem
- getFirstVisiblePosition());
RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(
LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
params.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
params.addRule(RelativeLayout.CENTER_VERTICAL);
mItemLayout.addView(mDeleteBtn, params);
isDeleteShown = true;
}
return false;
}
// 隱藏刪除按鈕
public void hideDelete() {
mItemLayout.removeView(mDeleteBtn);
mDeleteBtn = null;
isDeleteShown = false;
}
public boolean isDeleteShown() {
return isDeleteShown;
}
/**
* 后面幾個方法本例中沒有用到
*/
@Override
public void onShowPress(MotionEvent e) {
}
@Override
public boolean onSingleTapUp(MotionEvent e) {
return false;
}
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
float distanceY) {
return false;
}
@Override
public void onLongPress(MotionEvent e) {
}
}
3、定義列表項布局custom_listview_item.xml，它的結(jié)構(gòu)很簡單，只包含了一個TextView：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:descendantFocusability="blocksDescendants" >
<TextView
android:id="@+id/content_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_margin="30dp"
android:gravity="center_vertical|left" />
</RelativeLayout>
4、定義適配器類CustomListViewAdapter，繼承自ArrayAdapter<String>：
public class CustomListViewAdapter extends ArrayAdapter<String> {
public CustomListViewAdapter(Context context, int textViewResourceId,
List<String> objects) {
super(context, textViewResourceId, objects);
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View view;
if (convertView == null) {
view = LayoutInflater.from(getContext()).inflate(
R.layout.custom_listview_item, null);
} else {
view = convertView;
}
TextView contentTv = (TextView) view.findViewById(R.id.content_tv);
contentTv.setText(getItem(position));
return view;
}
}
5、在activity_main.xml中引入自定義的ListView：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/main_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<com.example.test.CustomListView
android:id="@+id/custom_lv"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</LinearLayout>
6、在MainActivity中對列表做初始化、設(shè)置列表項刪除按鈕點擊事件等處理：
public class MainActivity extends Activity {
// 自定義Lv
private CustomListView mCustomLv;
// 自定義適配器
private CustomListViewAdapter mAdapter;
// 內(nèi)容列表
private List<String> contentList = new ArrayList<String>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);
initContentList();
mCustomLv = (CustomListView) findViewById(R.id.custom_lv);
mCustomLv.setOnDeleteListener(new OnDeleteListener() {
@Override
public void onDelete(int index) {
contentList.remove(index);
mAdapter.notifyDataSetChanged();
}
});
mAdapter = new CustomListViewAdapter(this, 0, contentList);
mCustomLv.setAdapter(mAdapter);
}
// 初始化內(nèi)容列表
private void initContentList() {
for (int i = 0; i < 20; i++) {
contentList.add("內(nèi)容項" + i);
}
}
@Override
public void onBackPressed() {
if (mCustomLv.isDeleteShown()) {
mCustomLv.hideDelete();
return;
}
super.onBackPressed();
}
}
7、運行效果如下：
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- android TextView設(shè)置中文字體加粗實現(xiàn)方法
- android listview優(yōu)化幾種寫法詳細介紹
- android imageview圖片居中技巧應(yīng)用
- android開發(fā)教程之listview使用方法
- Android下拉刷新ListView——RTPullListView(demo)
- Android自定義Adapter的ListView的思路及代碼
- android自定義進度條漸變色View的實例代碼
- android實現(xiàn)上下滾動的TextView
- Android中實現(xiàn)Webview頂部帶進度條的方法
- Android中實現(xiàn)監(jiān)聽ScrollView滑動事件
相關(guān)文章
今天小編就為大家分享一篇關(guān)于Android AutoValue使用和擴展庫的文章，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2018-10-10
這篇文章主要介紹了Android實現(xiàn)用戶圓形頭像和模糊背景 ，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
本文主要介紹Android 動態(tài)高斯模糊效果教程，這里整理了詳細的資料及實例實現(xiàn)代碼，有興趣的小伙伴可以參考下2016-09-09
這篇文章主要介紹了Android?AMS啟動App進程原理，系統(tǒng)fork函數(shù)是如何創(chuàng)建進程，文中有詳細的代碼示例，對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-05-05
本文主要介紹了Android實現(xiàn)弧形菜單效果的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了Android實現(xiàn)彩信附件的添加與刪除功能,涉及Android針對常見多媒體文件的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了Android App多個入口的實現(xiàn)方法,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了Android中獲取手機屏幕大小的方法，Android開發(fā)需要獲得屏幕的寬高，本文為大家解析 Android中如何獲取手機屏幕大小，需要的朋友可以參考下2015-12-12
Android使用WindowManager制作一個可拖動的控件
這篇文章主要為大家詳細介紹了Android使用WindowManager制作一個可拖動的控件的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-08-08
Android控件Chronometer定時器的實現(xiàn)方法
這篇文章主要為大家詳細介紹了Android控件Chronometer定時器的實現(xiàn)方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11