Question

我今天开始使用Android编程，因此，作为初学者，我很好奇有没有比使用我的XML代码制作这种布局更好，更合适的方法。我需要有两个容器，每个容器都有一些图片和文字，位于图片下方（见下图）。

layout

XML：

<LinearLayout 
   android:layout_width="fill_parent"
   android:layout_height="140dp"
   android:orientation="horizontal"
   android:baselineAligned="false"
   >

 <RelativeLayout 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1">
 <RelativeLayout 
    android:layout_centerInParent="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingBottom="10dp"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:background="#024f50"> 

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_marginBottom="60dp"
        android:src="@drawable/doktor"
        android:contentDescription="@string/doktor"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="@string/doktor"
        android:layout_alignParentBottom="true" 
        android:textColor="@color/box_text"/>

    <View
        android:layout_width="0dp"
        android:layout_height="60dp"
        android:layout_alignParentBottom="true" />
 </RelativeLayout>
 </RelativeLayout>

 <RelativeLayout 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1">
 <RelativeLayout 
    android:layout_centerInParent="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingBottom="10dp"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:background="#024f50"> 

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_marginBottom="60dp"
        android:src="@drawable/sestra"
        android:contentDescription="@string/sestra"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="@string/sestra"
        android:layout_alignParentBottom="true" 
        android:textColor="@color/box_text"/>

    <View
        android:layout_width="0dp"
        android:layout_height="60dp"
        android:layout_alignParentBottom="true" />
  </RelativeLayout>
  </RelativeLayout>

</LinearLayout>

Answer 1

使用

机器人：drawableTop = “”

用于添加图像的TextView中的

。

        <TextView
            android:drawableTop="@drawable/your_drawable"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:text="@string/doktor"
            android:layout_alignParentBottom="true"
            android:textColor="@color/box_text"/>

这是进行设计布局的正确方法吗？

1 个答案: