快捷導(dǎo)航

Android?妙用TextView實現(xiàn)左邊文字,右邊圖片

更新時間：2023年07月20日 08:44:14 作者：Stars-one

這篇文章主要介紹了Android?妙用TextView實現(xiàn)左邊文字,右邊圖片的相關(guān)資料,需要的朋友可以參考下

文字和圖標(biāo)左右顯示

效果:

代碼:

<TextView
	android:id="@+id/tvRate"
	style="@style/textStyle18"
	android:padding="20dp"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:drawableTint="@color/white"
	android:drawableEnd="@mipmap/universal_right"
	android:text="Rate our app"/>

drawableTint 設(shè)置圖標(biāo)著色 drawableEnd 設(shè)置右邊圖標(biāo)

如果想要文字和圖標(biāo)之間有間距,可以通過設(shè)置drawablePadding屬性來實現(xiàn)

drawablePadding用來設(shè)置圖標(biāo)的內(nèi)邊距

當(dāng)然,因為整個都是一個TextView,所以文字寬度就比較好固定,默認(rèn)到達圖標(biāo)左邊會自動換行

也可以設(shè)置限制一行,都可以

文字和圖標(biāo)上下顯示

除了上面的左右顯示,也可以上下顯示,這里就給個上下顯示的實現(xiàn)效果

效果:

代碼:

<TextView	
	android:gravity="center_horizontal"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:drawableTop="@mipmap/function_jiasu"
	android:text="Boost"
/>

這里因為默認(rèn)文字不是水平居中的,所以通過gravity設(shè)置為水平居中,不然就是文本和圖標(biāo)靠左了..

勾選效果

之前也是說過可以通過view的select狀態(tài)和selector來實現(xiàn)勾選變換圖標(biāo)的效果

如果是簡單的勾選效果,用textview也可以搞定,如下效果所示

代碼:

&lt;TextView
	android:id="@+id/tvcheck"
	style="@style/textStyle18"
	android:padding="20dp"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:drawableEnd="@drawable/selector_node_select"
	android:text="Rate our app"/&gt;

通過代碼修改此TextView的isSelect屬性即可更改圖標(biāo)效果