TextView实现左边图片右边文字或上面图片下面文字

沐梓弦乐

于 2022-03-09 10:48:21 发布

阅读量2.9k

点赞数

分类专栏： Android 文章标签： android android studio webview

本文链接：https://blog.youkuaiyun.com/lixianyue1991/article/details/123371565

版权

Android 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了如何在Android中实现两种常见的UI布局：左边图片右边文字和上面图片下面文字。通过使用`TextView`的`drawableLeft`和`drawableTop`属性，可以轻松设置图片相对于文字的位置。示例代码详细展示了如何设置边距、文字颜色、大小以及图标的显示。这些技巧在Android应用的界面设计中非常实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现左边图片右边文字布局:

        <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/text_select"
        android:layout_marginLeft="22dp"
        android:layout_marginTop="15dp"
        android:textColor="@color/color1"
        android:textSize="14sp"
        android:drawableLeft="@drawable/smb_unselect"
        android:drawablePadding="10dp"
        android:text="自动登录"
        />

按照如上所述 drawableLeft drawableRight drawableBottom drawableTop 可分别设置图片位置在文字左、右、下、上。

如图所示

实现上面图片下面文字布局:

            <TextView
            android:layout_marginTop="60dp"
            android:layout_marginBottom="20dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/masaike"
            android:drawablePadding="10dp"
            android:text="@string/马赛克"
            android:textColor="@color/white"
            android:layout_gravity="center"/>

图片: