android 文字图标上下排列

Android 文字图标上下排列

在Android开发中，我们经常会遇到需要在界面中使用文字图标并且让它们上下排列的情况。这种布局方式可以使界面看起来更加美观和清晰。本文将介绍如何在Android应用中实现文字图标上下排列，并提供代码示例供大家参考。

使用TextView实现文字图标上下排列

在Android中，我们可以使用TextView控件来显示文字和图标，并通过设置TextView的属性来实现文字和图标的上下排列。下面是一个简单的示例代码，展示了如何在布局文件中使用TextView实现文字图标上下排列：

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawableTop="@drawable/ic_icon"
    android:text="Text Below Icon"
    android:gravity="center_horizontal"/>

在这段代码中，我们使用了TextView控件，并通过设置android:drawableTop属性来指定图标资源，同时设置android:text属性来指定文字内容。最后通过设置android:gravity="center_horizontal"属性来使文字和图标水平居中对齐。

代码示例

下面是一个完整的示例代码，演示了如何在Android应用中实现文字图标上下排列：

布局文件

<LinearLayout
    xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableTop="@drawable/ic_icon"
        android:text="Text Below Icon"
        android:gravity="center_horizontal"/>

</LinearLayout>

图标资源文件

在res/drawable目录下创建ic_icon.xml文件，用来定义图标资源：

<vector xmlns:android="
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24.0"
    android:viewportHeight="24.0">
    <path
        android:fillColor="#FF000000"
        android:pathData="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2zM11,18h-2v-2h2v2zm0,-4h-2V7h2v7z"/>
</vector>

结果展示

通过上面的代码示例，我们可以在应用中实现文字图标上下排列的效果，如下图所示：

erDiagram
    CUSTOMER ||--o| ORDERS : places
    ORDERS ||--| ORDER_DETAILS : contains
    ORDERS ||--o| CUSTOMER : belongs to

总结

通过本文的介绍，相信大家已经了解了如何在Android应用中实现文字图标上下排列的方法。使用TextView控件配合设置相关属性，可以轻松实现这一效果。希望本文对大家有所帮助，谢谢阅读！