1.前言

• 最近在專案迭代時，遇到新的UI需求，如下：
  
• 看到之後我分析了一下有那些實現方式：

1.使用第三款庫分別實現上下部分的UI功能。
2.讓UI做圖片，同background+press實現。
3.自定義View實現。

• 第 1 種實現需要額外去尋找對應的UI庫或者學習相對應的使用，實現比較耗時而且有時候第三方庫不一樣完全滿足需求，最後還是要去修改原始碼，所以放棄了這種方式；第 2 種更不用說，實現起來麻煩而且用圖片的方式擴充套件性不好；最後還是選擇自定義View的方式同時實現上部分與下部分2種UI的功能，還能在不同的專案進行復用。
• PermuteView，實現基於電話按鍵、資料鍵盤、圓形步驟等風格的自定義View。
• 文章中例項  linhaojian的Github

2.效果

• 獻上一個GIF，展示它能實現什麼功能。
  

3.使用

• 使用方式只需要5個步驟。

3.1 在專案根目錄的bulid.gradle中新增以下程式碼：

allprojects {
  repositories {
   ...
   maven { url 'https://jitpack.io' }
  }
}

3.2 新增dependency：

dependencies {
 

         implementation 'com.github.linhaojian:permute:v1.0'
}

3.3 在需要使用的xml中新增：

    <com.lhj.permute.PermuteView
            android:id="@+id/p1"
            android:layout_width="50dp"
            android:layout_height="50dp" />

3.4 初始化 & 根據需求設定引數：

        //初始化
        p1 = findViewById
 
(R.id.p1);
        //設定內容
        p1.setContent("1");
        //設定內容顯示的顏色
        p1.setContentColor(Color.parseColor("#4E7EAE"));
        //設定背景顯示的顏色
        p1.setBackGroundColor(Color.parseColor("#ffffff"));
        //設定圓角
//        p1.setCorner(10);
        //設定是否可以點選
        p1.setClickEnable(true);
        //設定是否顯示為圓形
        p1.setCircle(true);

• PermuteView Demo

4.總結

• 到此，**PermuteView**就介紹完畢。
• 如果喜歡我的分享，可以點選  關注  或者  贊，你們支援是我分享的最大動力 。
  -  linhaojian的Github

歡迎關注linhaojian_CSDN部落格或者linhaojian_簡書！

不定期分享關於安卓開發的乾貨。

寫技術文章初心

• 技術知識積累
• 技術知識鞏固
• 技術知識分享
• 技術知識交流