【乾貨】基於iconfont擴充的EasyTextView(高度自定義，豐富Api，支援左右設定Text,設定Shape,設定span等)

Drowning Coder發表於2018-05-02
TextViewAPI

基於iconfont擴充的TextView(支援左右設定Text,設定Shape,設定span等)

專案介紹

  • 還在苦於iconfont左右兩邊還需要設定文字只能加兩個TextView？
  • 還在苦於需要設定各種大同小異的邊框而new Shape檔案嗎？
  • 還在苦於設定點選效果而多種樣式嗎？
  • 還在苦於總用LinearLayout包一層？（程式碼潔癖患者～）。

一個基於iconfont擴充的支援多種功能的輕量級TextView，減少佈局巢狀，減少定義shape檔案，基本涵蓋常規需要多個TextView實現的功能。

支援的特性

  • 使用簡單
  • 鏈式呼叫
  • 支援給iconfont左右設定文字
  • 支援xml中直接設定常用shape的所有屬性
  • 支援分別設定iconfont，左文字，右文字的顏色（Selector也可以）
  • 支援分別設定iconfont，左文字，右文字字號
  • 支援文字和iconfont居中
  • 支援左右文字設定多個span
  • 支援設定iconfont和左右文字的padding
  • 豐富的api,所有屬性都支援xml和java呼叫

原始碼地址

EasyTextView

歡迎提issues和PR

Download

Step1

Add it in your root build.gradle at the end of repositories:

allprojects {
		repositories {
			...
			maven { url 'https://jitpack.io' }
		}
	}
複製程式碼

Step2

Step 2. Add the dependency

dependencies {
		implementation 'com.github.DrownCoder:EasyTextView:v1.0'
	}
複製程式碼

效果

只有想不到沒有做不到

使用

xml屬性

<com.study.xuan.library.widget.EasyTextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="&#xe627;"
            android:textColor="#494949"
            android:textSize="14dp"
            app:iconColor="@android:color/holo_red_light"
            app:strokeColor="@android:color/holo_red_light"
            app:strokeWidth="1dp"
            app:textPadding="5dp"
            app:textRight="關注"
            app:totalRadius="12dp" />
複製程式碼
<declare-styleable name="EasyTextView">
        //Shape中的Type：RECTANGLE：0(預設)，OVAL（1），LINE（2）
        <attr name="shapeType" format="integer" />
        //四個角的圓角
        <attr name="totalRadius"  format="dimension"/>
        //左上角
        <attr name="radiusTopLeft" format="dimension"/>
        //左下角
        <attr name="radiusBottomLeft" format="dimension"/>
        //右上角
        <attr name="radiusTopRight" format="dimension"/>
        //右下角
        <attr name="radiusBottomRight" format="dimension"/>
        //邊線的顏色
        <attr name="strokeColor"  format="color"/>
        //邊線的寬度
        <attr name="strokeWidth" format="dimension" />
        //填充的顏色
        <attr name="soildBac" format="color"/>
        //中間的iconfont距離左右Text的內邊距
        <attr name="textPadding" format="dimension"/>
        //左邊的文字
        <attr name="textLeft" format="string"/>
        //右邊的文字
        <attr name="textRight" format="string"/>
        //中間的iconfont的color（注意TextColor屬性會覆蓋）
        <attr name="iconColor" format="reference|color"/>
        //左邊文字的color（注意TextColor屬性會覆蓋）
        <attr name="textLeftColor" format="reference|color"/>
        //右邊文字的color（注意TextColor屬性會覆蓋）
        <attr name="textRightColor" format="reference|color"/>
        //左邊文字的大小（iconfont的大小用TextSize即可，不會覆蓋）
        <attr name="textLeftSize" format="dimension"/>
        //右邊文字的大小（iconfont的大小用TextSize即可，不會覆蓋）
        <attr name="textRightSize" format="dimension"/>
    </declare-styleable>
複製程式碼

java Api

//少屬性可以直接設定
etvGet.setTextRight(已關注);
//多屬性可以鏈式呼叫，減少重複繪製，節省效能，注意最後build()
etvGet.strokeWidth(DensityUtils.dp2px(context, 1))
                    .strokeColor(Color.parseColor("#ffe849"))
                    .solid(Color.parseColor("#e8264a"))
                    .icon(context.getText(R.string.icon_font_check).toString())
                    .textRight("關注").build();
複製程式碼
/**
  * 非鏈式呼叫api
  */
public void setType(int type);
public void setStrokeWidth(int value);
public void setStrokeColor(@ColorInt int color);
public void setSolid(int soild);
public void setIconColor(int color);
public void setTextLeft(CharSequence textLeft);
public void setTextRight(CharSequence textRight);
public void setTextLeftColor(int color);
public void setTextRightColor(int color);
public void setTextLeftSize(float leftSize);
public void setTextRightSize(float rightSize);
public void setIcon(String iconText);
public void clearSpan();
public void addSpanLeft(Object object, int start, int end, int flags);
public void addSpanLeft(List<Object> objects, int start, int end, int flags);
public void addSpanRight(List<Object> objects, int start, int end, int flags);
public void addSpanRight(Object object, int start, int end, int flags);
複製程式碼

More

動態設定Shape，由SupperShape實現，可以動態通過java程式碼給任何View設定Shape，不需要再寫shape.xml檔案，歡迎使用。 本專案僅基於TextView進行封裝，其他View可按照需求進行封裝，原理比較簡單，大家可以檢視原始碼。  
詳細使用說明參考Wiki

相關文章