基於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呼叫
原始碼地址
歡迎提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=""
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