一个TextView控件搞定图文一行布局

最新推荐文章于 2022-11-22 10:23:36 发布

原创

最新推荐文章于 2022-11-22 10:23:36 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android #布局 #TextView

本文介绍如何仅使用一个TextView实现图文一行的布局效果，通过drawableLeft、drawableRight等属性及drawablePadding设置，轻松创建简洁布局。同时，提供自定义TextView的方法，实现drawable与文本居中对齐的展示。

首先，图文一行的效果图如下：

这里写图片描述

这里每一行只用了一个TextView即完成了布局，代码十分简单，主要是drawableLeft、drawableRight、drawableBottom、drawableTop属性的使用和drawablePadding的设置。具体代码如下：

<TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:drawablePadding="10dp"
        android:paddingTop="14dp"
        android:paddingLeft="18dp"
        android:paddingRight="8dp"
        android:background="#fff"
        android:drawableLeft="@mipmap/smile"
        android:drawableRight="@mipmap/next"
        android:drawableBottom="@mipmap/dividline"
        android:text="微笑"/>