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

weixin_34249678發表於2018-05-02

基於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

相關文章