2. 程式人生 > >android 自定義控制元件的三種方式

android 自定義控制元件的三種方式

阿新 • • 發佈：2019-02-02

如果說要按型別來劃分的話，自定義View的實現方式大概可以分為三種，自繪控制元件、組合控制元件、以及繼承控制元件。那麼下面我們就來依次學習一下，每種方式分別是如何自定義View的。

一、自繪控制元件

PS: 這篇《自定義View系列》部落格，博主講得很是系統和詳細，極為對推薦認真閱讀！也會有助於理解下面講的內容。

自繪控制元件的意思就是，這個View上所展現的內容全部都是我們自己繪製出來的。繪製的程式碼是寫在onDraw()方法中的，而這部分內容我們已經在 Android檢視繪製流程完全解析，帶你一步步深入瞭解View(二) 中學習過了。

下面我們準備來自定義一個計數器View，這個View可以響應使用者的點選事件，並自動記錄一共點選了多少次。新建一個CounterView繼承自View，程式碼如下所示：

public class CounterView extends View implements OnClickListener {  

    private Paint mPaint;  

    private Rect mBounds;  

    private int mCount;  

    public CounterView(Context context, AttributeSet attrs) {  
        super(context, attrs);  
        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(30
 
);  
        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();  
    }  

}

可以看到，首先我們在CounterView的建構函式中初始化了一些資料，並給這個View的本身註冊了點選事件，這樣當CounterView被點選的時候，onClick()方法就會得到呼叫。而onClick()方法中的邏輯就更加簡單了，只是對mCount這個計數器加1，然後呼叫invalidate()方法。通過 Android檢視狀態及重繪流程分析，帶你一步步深入瞭解View(三) 這篇文章的學習我們都已經知道，呼叫invalidate()方法會導致檢視進行重繪，因此onDraw()方法在稍後就將會得到呼叫。

既然CounterView是一個自繪檢視，那麼最主要的邏輯當然就是寫在onDraw()方法裡的了，下面我們就來仔細看一下。這裡首先是將Paint畫筆設定為藍色，然後呼叫Canvas的drawRect()方法繪製了一個矩形，這個矩形也就可以當作是CounterView的背景圖吧。接著將畫筆設定為黃色，準備在背景上面繪製當前的計數，注意這裡先是呼叫了getTextBounds()方法來獲取到文字的寬度和高度，然後呼叫了drawText()方法去進行繪製就可以了。

這樣，一個自定義的View就已經完成了，並且目前這個CounterView是具備自動計數功能的。那麼剩下的問題就是如何讓這個View在介面上顯示出來了，其實這也非常簡單，我們只需要像使用普通的控制元件一樣來使用CounterView就可以了。比如在佈局檔案中加入如下程式碼：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent" >  

    <com.example.customview.CounterView  
        android:layout_width="100dp"  
        android:layout_height="100dp"  
        android:layout_centerInParent="true" />  

</RelativeLayout>

可以看到，這裡我們將CounterView放入了一個RelativeLayout中，然後可以像使用普通控制元件來給CounterView指定各種屬性，比如通過layout_width和layout_height來指定CounterView的寬高，通過android:layout_centerInParent來指定它在佈局里居中顯示。只不過需要注意，自定義的View在使用的時候一定要寫出完整的包名，不然系統將無法找到這個View。

好了，就是這麼簡單，接下來我們可以執行一下程式，並不停地點選CounterView，效果如下圖所示。

這裡寫圖片描述

怎麼樣？是不是感覺自定義View也並不是什麼高階的技術，簡單幾行程式碼就可以實現了。當然了，這個CounterView功能非常簡陋，只有一個計數功能，因此只需幾行程式碼就足夠了，當你需要繪製比較複雜的View時，還是需要很多技巧的。

二、組合控制元件

組合控制元件的意思就是，我們並不需要自己去繪製檢視上顯示的內容，而只是用系統原生的控制元件就好了，但我們可以將幾個系統原生的控制元件組合到一起，這樣創建出的控制元件就被稱為組合控制元件。

舉個例子來說，標題欄就是個很常見的組合控制元件，很多介面的頭部都會放置一個標題欄，標題欄上會有個返回按鈕和標題，點選按鈕後就可以返回到上一個介面。那麼下面我們就來嘗試去實現這樣一個標題欄控制元件。

新建一個title.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="50dp"  
    android:background="#ffcb05" >  

    <Button  
        android:id="@+id/button_left"  
        android:layout_width="60dp"  
        android:layout_height="40dp"  
        android:layout_centerVertical="true"  
        android:layout_marginLeft="5dp"  
        android:background="@drawable/back_button"  
        android:text="Back"  
        android:textColor="#fff" />  

    <TextView  
        android:id="@+id/title_text"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_centerInParent="true"  
        android:text="This is Title"  
        android:textColor="#fff"  
        android:textSize="20sp" />  

</RelativeLayout>

在這個佈局檔案中，我們首先定義了一個RelativeLayout作為背景佈局，然後在這個佈局裡定義了一個Button和一個TextView，Button就是標題欄中的返回按鈕，TextView就是標題欄中的顯示的文字。

接下來建立一個TitleView繼承自FrameLayout，程式碼如下所示：

public class TitleView extends FrameLayout {  

    private Button leftButton;  

    private TextView titleText;  

    public TitleView(Context context, AttributeSet attrs) {  
        super(context, attrs);  
        LayoutInflater.from(context).inflate(R.layout.title, this);  
        titleText = (TextView) findViewById(R.id.title_text);  
        leftButton = (Button) findViewById(R.id.button_left);  
        leftButton.setOnClickListener(new OnClickListener() {  
            @Override  
            public void onClick(View v) {  
                ((Activity) getContext()).finish();  
            }  
        });  
    }  

    public void setTitleText(String text) {  
        titleText.setText(text);  
    }  

    public void setLeftButtonText(String text) {  
        leftButton.setText(text);  
    }  

    public void setLeftButtonListener(OnClickListener l) {  
        leftButton.setOnClickListener(l);  
    }  

}

TitleView中的程式碼非常簡單，在TitleView的構建方法中，我們呼叫了LayoutInflater的inflate()方法來載入剛剛定義的title.xml佈局，這部分內容我們已經在 Android LayoutInflater原理分析，帶你一步步深入瞭解View(一) 這篇文章中學習過了。

接下來呼叫findViewById()方法獲取到了返回按鈕的例項，然後在它的onClick事件中呼叫finish()方法來關閉當前的Activity，也就相當於實現返回功能了。

另外，為了讓TitleView有更強地擴充套件性，我們還提供了setTitleText()、setLeftButtonText()、setLeftButtonListener()等方法，分別用於設定標題欄上的文字、返回按鈕上的文字、以及返回按鈕的點選事件。

到了這裡，一個自定義的標題欄就完成了，那麼下面又到了如何引用這個自定義View的部分，其實方法基本都是相同的，在佈局檔案中新增如下程式碼：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent" >  

    <com.example.customview.TitleView  
        android:id="@+id/title_view"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content" >  
    </com.example.customview.TitleView>  

</RelativeLayout>

這樣就成功將一個標題欄控制元件引入到佈局檔案中了，執行一下程式，效果如下圖所示：
這裡寫圖片描述

現在點選一下Back按鈕，就可以關閉當前的Activity了。如果你想要修改標題欄上顯示的內容，或者返回按鈕的預設事件，只需要在Activity中通過findViewById()方法得到TitleView的例項，然後呼叫setTitleText()、setLeftButtonText()、setLeftButtonListener()等方法進行設定就OK了。

三、繼承控制元件

繼承控制元件的意思就是，我們並不需要自己重頭去實現一個控制元件，只需要去繼承一個現有的控制元件，然後在這個控制元件上增加一些新的功能，就可以形成一個自定義的控制元件了。這種自定義控制元件的特點就是不僅能夠按照我們的需求加入相應的功能，還可以保留原生控制元件的所有功能，比如 Android PowerImageView實現，可以播放動畫的強大ImageView 這篇文章中介紹的PowerImageView就是一個典型的繼承控制元件。

為了能夠加深大家對這種自定義View方式的理解，下面我們再來編寫一個新的繼承控制元件。ListView相信每一個Android程式設計師都一定使用過，這次我們準備對ListView進行擴充套件，加入在ListView上滑動就可以顯示出一個刪除按鈕，點選按鈕就會刪除相應資料的功能。

首先需要準備一個刪除按鈕的佈局，新建delete_button.xml檔案，程式碼如下所示：

<?xml version="1.0" encoding="utf-8"?>  
<Button xmlns:android="http://schemas.android.com/apk/res/android"  
    android:id="@+id/delete_button"  
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content"  
    android:background="@drawable/delete_button" >  

</Button>

這個佈局檔案很簡單，只有一個按鈕而已，並且我們給這個按鈕指定了一張刪除背景圖。

接著建立MyListView繼承自ListView，這就是我們自定義的View了，程式碼如下所示：

public class MyListView extends ListView implements OnTouchListener,  
        OnGestureListener {  

    private GestureDetector gestureDetector;  

    private OnDeleteListener listener;  

    private View deleteButton;  

    private ViewGroup itemLayout;  

    private int selectedItem;  

    private boolean isDeleteShown;  

    public MyListView(Context context, AttributeSet attrs) {  
        super(context, attrs);  
        gestureDetector = new GestureDetector(getContext(), this);  
        setOnTouchListener(this);  
    }  

    public void setOnDeleteListener(OnDeleteListener l) {  
        listener = l;  
    }  

    @Override  
    public boolean onTouch(View v, MotionEvent event) {  
        if (isDeleteShown) {  
            itemLayout.removeView(deleteButton);  
            deleteButton = null;  
            isDeleteShown = false;  
            return false;  
        } else {  
            return gestureDetector.onTouchEvent(event);  
        }  
    }  

    @Override  
    public boolean onDown(MotionEvent e) {  
        if (!isDeleteShown) {  
            selectedItem = pointToPosition((int) e.getX(), (int) e.getY());  
        }  
        return false;  
    }  

    @Override  
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,  
            float velocityY) {  
        if (!isDeleteShown && Math.abs(velocityX) > Math.abs(velocityY)) {  
            deleteButton = LayoutInflater.from(getContext()).inflate(  
                    R.layout.delete_button, null);  
            deleteButton.setOnClickListener(new OnClickListener() {  
                @Override  
                public void onClick(View v) {  
                    itemLayout.removeView(deleteButton);  
                    deleteButton = null;  
                    isDeleteShown = false;  
                    listener.onDelete(selectedItem);  
                }  
            });  
            itemLayout = (ViewGroup) getChildAt(selectedItem  
                    - getFirstVisiblePosition());  
            RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(  
                    LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);  
            params.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);  
            params.addRule(RelativeLayout.CENTER_VERTICAL);  
            itemLayout.addView(deleteButton, params);  
            isDeleteShown = true;  
        }  
        return false;  
    }  

    @Override  
    public boolean onSingleTapUp(MotionEvent e) {  
        return false;  
    }  

    @Override  
    public void onShowPress(MotionEvent e) {  

    }  

    @Override  
    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,  
            float distanceY) {  
        return false;  
    }  

    @Override  
    public void onLongPress(MotionEvent e) {  
    }  

    public interface OnDeleteListener {  

        void onDelete(int index);  

    }  

}

由於程式碼邏輯比較簡單，我就沒有加註釋。這裡在MyListView的構造方法中建立了一個GestureDetector的例項用於監聽手勢，然後給MyListView註冊了touch監聽事件。然後在onTouch()方法中進行判斷，如果刪除按鈕已經顯示了，就將它移除掉，如果刪除按鈕沒有顯示，就使用GestureDetector來處理當前手勢。

當手指按下時，會呼叫OnGestureListener的onDown()方法，在這裡通過pointToPosition()方法來判斷出當前選中的是ListView的哪一行。當手指快速滑動時，會呼叫onFling()方法，在這裡會去載入delete_button.xml這個佈局，然後將刪除按鈕新增到當前選中的那一行item上。注意，我們還給刪除按鈕添加了一個點選事件，當點選了刪除按鈕時就會回撥onDeleteListener的onDelete()方法，在回撥方法中應該去處理具體的刪除操作。

好了，自定義View的功能到此就完成了，接下來我們需要看一下如何才能使用這個自定義View。首先需要建立一個ListView子項的佈局檔案，新建my_list_view_item.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="match_parent"  
    android:descendantFocusability="blocksDescendants"  
    android:orientation="vertical" >  

    <TextView  
        android:id="@+id/text_view"  
        android:layout_width="wrap_content"  
        android:layout_height="50dp"  
        android:layout_centerVertical="true"  
        android:gravity="left|center_vertical"  
        android:textColor="#000" />  

</RelativeLayout>

然後建立一個介面卡MyAdapter，在這個介面卡中去載入my_list_view_item佈局，程式碼如下所示：

public class MyAdapter extends ArrayAdapter<String> {  

    public MyAdapter(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.my_list_view_item, null);  
        } else {  
            view = convertView;  
        }  
        TextView textView = (TextView) view.findViewById(R.id.text_view);  
        textView.setText(getItem(position));  
        return view;  
    }  

}

到這裡就基本已經完工了，下面在程式的主佈局檔案裡面引入MyListView這個控制元件，如下所示：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent" >  

    <com.example.customview.MyListView  
        android:id="@+id/my_list_view"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content" >  
    </com.example.customview.MyListView>  

</RelativeLayout>

最後在Activity中初始化MyListView中的資料，並處理了onDelete()方法的刪除邏輯，程式碼如下所示：

public class MainActivity extends Activity {  

    private MyListView myListView;  

    private MyAdapter adapter;  

    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);  
        initList();  
        myListView = (MyListView) findViewById(R.id.my_list_view);  
        myListView.setOnDeleteListener(new OnDeleteListener() {  
            @Override  
            public void onDelete(int index) {  
                contentList.remove(index);  
                adapter.notifyDataSetChanged();  
            }  
        });  
        adapter = new MyAdapter(this, 0, contentList);  
        myListView.setAdapter(adapter);  
    }  

    private void initList() {  
        contentList.add("Content Item 1");  
        contentList.add("Content Item 2");  
        contentList.add("Content Item 3");  
        contentList.add("Content Item 4");  
        contentList.add("Content Item 5");  
        contentList.add("Content Item 6");  
        contentList.add("Content Item 7");  
        contentList.add("Content Item 8");  
        contentList.add("Content Item 9");  
        contentList.add("Content Item 10");  
        contentList.add("Content Item 11");  
        contentList.add("Content Item 12");  
        contentList.add("Content Item 13");  
        contentList.add("Content Item 14");  
        contentList.add("Content Item 15");  
        contentList.add("Content Item 16");  
        contentList.add("Content Item 17");  
        contentList.add("Content Item 18");  
        contentList.add("Content Item 19");  
        contentList.add("Content Item 20");  
    }  

}

這樣就把整個例子的程式碼都完成了，現在執行一下程式，會看到MyListView可以像ListView一樣，正常顯示所有的資料，但是當你用手指在MyListView的某一行上快速滑動時，就會有一個刪除按鈕顯示出來，如下圖所示：
這裡寫圖片描述

點選一下刪除按鈕就可以將第6行的資料刪除了。此時的MyListView不僅保留了ListView原生的所有功能，還增加了一個滑動進行刪除的功能，確實是一個不折不扣的繼承控制元件。

到了這裡，我們就把自定義View的幾種實現方法全部講完了，雖然每個例子都很簡單，但是萬變不離其宗，複雜的View也是由這些簡單的原理堆積出來的。經過了四篇文章的學習，相信每個人對View的理解都已經較為深入了，那麼帶你一步步深入瞭解View系列的文章就到此結束，感謝大家有耐心看到最後。

參考部落格:

相關推薦

Android自定義View的三種方式：繼承佈局，繼承原生控制元件，繼承View

 自定義View非常的常用，也是Android開發的一項基本技能，自定義View有三種方式：繼承佈局，繼承原生控制元件，繼承View。一、繼承佈局先看效果圖：程式碼實現：1.在layout資料夾中建立佈局title_view.xml，這一步根據自己需要寫，本例中的佈局如下：佈

android自定義控制元件(三) 增加內容 自定義屬性 format詳解

1. reference：參考某一資源ID。     （1）屬性定義：             <declare-styleable name = "名稱">                    <attr name = "backgroun

android 自定義控制元件的三種方式

如果說要按型別來劃分的話，自定義View的實現方式大概可以分為三種，自繪控制元件、組合控制元件、以及繼承控制元件。那麼下面我們就來依次學習一下，每種方式分別是如何自定義View的。 一、自繪控制元件 PS: 這篇《自定義View系列》部落格，博主

Android自定義控制元件：進度條的四種實現方式

Progress Wheel為GitHub熱門專案，作者是：Todd-Davies，專案地址： https://github.com/Todd-Davies/ProgressWheel 前三種實現方式程式碼出自： http://stormzhang.com/ope

Android 自定義控制元件之ViewPager Indicator實現方式

介紹 ViewPager 的Indicator實現兩種效果 如下圖所示： 效果一 效果二 佈局檔案： <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmln

Android自定義控制元件系列(三)—底部選單(上)

今天我們封裝一個底部的選單欄，這個大多數的應用都會用到，因此我們來自定義，方便以後專案的使用。 該控制元件的實現將分上下篇來介紹，先來看一個選單欄的子控制元件–MenuItemM，這個控制元件有什麼用呢？我們來看下一些主流app上的一些控制元件，如：

Android自定義控制元件開發系列（三）——仿支付寶六位支付密碼輸入頁面

        在移動互聯領域，有那麼幾家龍頭一直是我等學習和追求的目標，比如支付寶、微信、餓了麼、酷狗音樂等等，大神舉不勝舉，他們設計的介面、互動方式已經培養了中國（有可能會是世界）民眾的操作習慣：舉個小例子，對話方塊“確定”按鈕的左右位置就很有學問，如果大家都是左邊取消

android-自定義控制元件

自定義控制元件兩種方式 1、繼承ViewGroup 例如：ViewGroup , LinearLayout, FrameLayout, RelativeLayout等。 2、繼承View 例如：View, TextView, ImageView, Button等。 View的測量

Android 自定義控制元件-星級評分

在學習自定義控制元件時需要一些例子來練練手，本文這個控制元件就是在這種環境下產生的（可能有BUG）； 這個控制元件設計的特點： 1，可以任意修改星星數量 2，可以星星大小會隨控制元件大小而縮小，在控制元件足夠大的情況可以任意設定星星大小 3，滑動監聽，根據滑動距離選擇星級 4，可

[Android自定義控制元件] Android自定義控制元件

轉載自： http://blog.163.com/[email protected]/blog/static/103242241201382210910473/ 開發自定義控制元件的步驟: 1、瞭解View的工作原理  2、

Android 自定義控制元件釋義

由於經常在android的開發過過程中與控制元件打交道,所以有些android控制元件並不能滿足我們的需求, 進而需要自定義一 些為我們所用,但是本文只是一些名詞解析,具體實現可以網路搜尋獲得答案,在此只是個人的筆錄 1:自定義控制元件方式: 1.1:繼承view,button,

【Android自定義控制元件】炫酷的底部導航欄

https://github.com/WakeHao/NavBar 基本使用 使用這個控制元件，只需要簡單的幾部 引入該控制元件到你的專案中 compile 'com.chen.wakehao.library:bottom-navigation-bar:1.0.0'

Android自定義控制元件之區域性圖片放大鏡--BiggerView

零、前言： 本文的知識點一覽 1.自定義控制元件及自定義屬性的寫法，你也將對onMesure有更深的認識 2.關於bitmap的簡單處理，及canvas區域裁剪 3.本文會實現兩個自定義控制元件:FitImageView(圖片自適應)和BiggerView(放大鏡)，前者為後者作為鋪墊。 4.最後會

Android學習（十）—— Android自定義控制元件

Android自定義控制元件 安卓在使用中大多數使用已有的一些控制元件，用法比較簡單，還有一部分是比較複雜的、使用者自己想的控制元件，這些就需要進行自定義控制元件，今天就來簡單說一下自定義控制元件。 1、繪製過程 建立一個類，繼承View類 onMeasure()方法，測量計算檢視的大小

Android自定義控制元件-不同形狀的ImageView

實現分析： 依然是用到Paint的圖層混合模式， 1、畫一個你想要的形狀 || 圖片 2、修改Paint的圖層混合模式，畫圖片。 3、然後就能得到你想要的形狀的ImageView paint.setXfermode(new PorterDuffXfermode(Mode

Android自定義控制元件----繼承ViewGroup側滑選單3，普通側滑選單，新增選單切換按鈕(完結)

專案結構： 思路： 對外暴露一個選單開啟和關閉選單的方法toggle 當開啟時this.smoothScrollTo(0, 0);滑動選單顯示 當關閉時this.smoothScrollTo(mMenuWidth, 0);選單隱藏

Android自定義控制元件view(草稿版)

Ⅰ、繼承現有控制元件，對其控制元件的功能進行拓展。(拓展功能) Ⅱ、將現有控制元件進行組合，實現功能更加強大控制元件。(佈局重用) Ⅲ、重寫View實現全新的控制元件(不規則效果控制元件) 本文來討論最難的一種自定義控制元件形式，重寫View來實現全新的控制元件。 1.構

Android自定義控制元件屬性(草稿版)

    常用的format型別： 1) string：字串型別； 2) integer：整數型別； 3) float：浮點型； 4) dimension：尺寸，後面必須跟dp、dip、px、sp等單位； 5) Boolean：布林值； 6) refer

Android自定義控制元件 帶文字提示的SeekBar

轉載請註明出處：juejin.im/post/5c1af0… 本文出自 容華謝後的部落格 1.寫在前面 SeekBar控制元件在開發中還是比較常見的，比如音視訊進度、音量調節等，但是原生控制元件有時還不能滿足我們的需求，今天就來學習一下如何自定義SeekBar控制元件，本文主要實現了一個帶文

Android 自定義控制元件 優雅實現元素間的分割線 （支援3.0以下）

1、概述話說，隨著Android SDK版本的升級，很多控制元件增加了新的屬性方便我們的使用，比如LinearLayout中多了：divider、showDividers等，用於為其內部元素新增分隔；但是呢，這樣的屬性在較低版本的SDK中不能被支援，那麼，我們在開發過程中，可