1. 程式人生 > >基於 TextView 1.直接設定 selector 背景 2.直接設定 drawableLeft 大小 3.圓角,圓形,背景/邊框/文字根據狀態變色

基於 TextView 1.直接設定 selector 背景 2.直接設定 drawableLeft 大小 3.圓角,圓形,背景/邊框/文字根據狀態變色

RTextView

專案地址:RuffianZhong/RTextView 

簡介:基於 TextView 1.直接設定 selector 背景 2.直接設定 drawableLeft 大小 3.圓角,圓形,背景/邊框/文字根據狀態變色

更多:作者   提 Bug   

標籤:

textview-state-selector-drawableleft-

歡迎使用 RTextView

此專案會一直維護,但不再新增功能,推薦關注更完善專案 RWidgetHelper

1.特點

  1. RTextView 讓你從此不再編寫和管理大量 selector 檔案(這個太可恨了)

  2. RTextView 改造了 drawableLeft/drawableXXX 圖片的大小,從此你不在需要使用 LinearLayout + ImageView + TextView 就能夠直接實現文字帶圖片的功能,關鍵還能設定 icon 大小

  3. RTextView 能夠直接設定各種圓角效果: 四周圓角,某一方向圓角,甚至橢圓,圓形都簡單實現。 邊框效果,虛線邊框都是一個屬性搞定

  4. RTextView 不僅能夠定義預設狀態的背景,邊框,連按下/點選狀態通通一起搞定

  5. RTextView 按下變色支援:背景色,邊框,文字,drawableLeft/xxx (這個贊啊)

2.效果圖

示例效果圖,不限於如此,更多使用詳細參考相關屬性

 

V1.0.1 Typeface 字型樣式

3.屬性說明

開發者根據實際需要選擇使用對應的功能屬性

屬性 說明
corner_radius 圓角 四周
corner_radius_top_left 圓角 左上
corner_radius_top_right 圓角 右上
corner_radius_bottom_left 圓角 左下
corner_radius_bottom_right 圓角 右下
border_dash_width 虛線邊框 寬度
border_dash_gap 虛線邊框 間隔
border_width_normal 邊框寬度 預設
border_width_pressed 邊框寬度 按下
border_width_unable 邊框寬度 不可點選
border_color_normal 邊框顏色 預設
border_color_pressed 邊框顏色 按下
border_color_unable 邊框顏色 不可點選
background_normal 背景顏色 預設
background_pressed 背景顏色 按下
background_unable 背景顏色 不可點選
text_color_normal 文字顏色 預設
text_color_pressed 文字顏色 按下
text_color_unable 文字顏色 不可點選
icon_src_normal drawable icon 預設
icon_src_pressed drawable icon 按下
icon_src_unable drawable icon 不可點選
icon_height drawable icon 高
icon_width drawable icon 寬
icon_direction drawable icon 位置{left,top,right,bottom}
text_typeface 字型樣式

4.使用

4.1 Gradle (版本號根據更新歷史使用最新版)

compile 'com.ruffian.library:RTextView:1.0.11'

4.2 XML 使用

<com.ruffian.library.RTextView
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:gravity="center"
    android:text="文字控制元件"

    //背景顏色 對應三個狀態
    rtv:background_normal="#3F51B5"
    rtv:background_pressed="#FF450F21"
    rtv:background_unable="#c3c3c3"

    //邊框顏色 對應三個狀態
    rtv:border_color_normal="#FF4081"
    rtv:border_color_pressed="#3F51B5"
    rtv:border_color_unable="#c3c3c3"

    //邊框寬度 對應三個狀態 一般設定相同值
    rtv:border_width_normal="3dp"
    rtv:border_width_pressed="4dp"
    rtv:border_width_unable="5dp"

    //虛線邊框 1.虛線邊框寬度 2.虛線間隔
    rtv:border_dash_width="10dp"
    rtv:border_dash_gap="4dp"

    //圓角度數 1.四周統一值 2.四個方向各個值
    //xml:  通過 xml 設定了 corner_radius ,則 corner_radius_xxx 不起作用
    //java: 通過 java 程式碼設定 corner_radius_xxx ,則 corner_radius 不起作用
    rtv:corner_radius="10dp"
    rtv:corner_radius_top_left="10dp"
    rtv:corner_radius_bottom_left="15dp"
    rtv:corner_radius_bottom_right="20dp"
    rtv:corner_radius_top_right="25dp"

    //drawableXXX icon 對應三個狀態
    rtv:icon_src_normal="@mipmap/icon_phone_normal"
    rtv:icon_src_pressed="@mipmap/icon_phone_pressed"
    rtv:icon_src_unable="@mipmap/icon_phone_unable"

    //drawableXXX icon 方向 {上,下,左,右}
    rtv:icon_direction="top"

    //drawableXXX icon 寬/高
    rtv:icon_height="30dp"
    rtv:icon_width="30dp"

    //文字顏色 對應三個狀態
    rtv:text_color_normal="#c3c3c3"
    rtv:text_color_pressed="#3F51B5"
    rtv:text_color_unable="#FF4081"

    //字型樣式
    rtv:text_typeface="fonts/RobotoMono-Thin.ttf"
    />

4.3 以上屬性均提供 Java 程式碼 get/set 方法

RTextView textView=(RTextView) findViewById(R.id.text1);
    //set...
    textView.setIconNormal(getDrawable(R.mipmap.ic_launcher))
            .setIconHeight(10)
            .setIconWidth(20)
            .setIconDirection(RTextView.ICON_DIR_TOP);
    //get...
    int iconHeight=textView.getIconHeight();

4.4 備註

1. 圓角邊框,圓角背景等屬性需要配合 `background_xxx` 自定義背景屬性使用,原生 `background` 沒有效果

5.版本歷史

v1.0.11 2018.08.20 優化 onTouchEvent 方法

v1.0.10 2018.06.20 修改 BUG issues #9

v1.0.9 2018.04.13 修復原生屬性 background 為純顏色時沒效果 bug

v1.0.8 2018.04.09 相容 5.0 以下 VectorDrawable (向量圖) issues #8

v1.0.7 2018.04.04 未設定 icon 寬高時,預設使用 icon 大小

v1.0.6 2018.03.06 修改 BUG

v1.0.4 ~ v1.0.5 2018.02.26 修改 BUG

v1.0.2 ~ v1.0.3 2017.11.14 修改 BUG

v1.0.1 2017.10.26 新增 Typeface,完善程式碼

v1.0.0 2017.09.07 釋出第一版本