我必须创建一个水平对齐的textview和一个位于另一个图像视图下方的imageview。问题是它们没有水平对齐。我该怎么做才能避免这个问题?..
我的代码:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:padding="5dp"
>
<ImageButton
android:id="@+id/imgBtnItem"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
android:scaleType="fitCenter"
android:background="@android:color/transparent">
</ImageButton>
<TextView
android:id="@+id/txtName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textStyle="bold"
android:textSize="9sp"
android:layout_below="@+id/imgBtnItem">
</TextView>
<ImageButton
android:id="@+id/imgBtnAdd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/imgBtnItem"
android:layout_toRightOf="@+id/txtName"
android:background="@android:color/transparent"
>
</ImageButton>
</RelativeLayout>
答案 0 :(得分:1)
答案 1 :(得分:1)
您可以尝试以下XML代码。我已经运行了它并且它正常运行。我添加了一些图标和文字进行测试,可能会根据您的需要进行更改。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:padding="5dp"
>
<ImageButton
android:id="@+id/imgBtnItem"
android:layout_width="150dp"
android:layout_height="150dp"
android:adjustViewBounds="true"
android:scaleType="fitCenter"
android:background="@color/colorAccent">
</ImageButton>
<TextView
android:id="@+id/txtName"
android:layout_width="50dp"
android:layout_height="50dp"
android:textStyle="bold"
android:textSize="9sp"
android:layout_marginTop="4dp"
android:layout_below="@+id/imgBtnItem"
android:background="@color/colorPrimary">
</TextView>
<ImageButton
android:id="@+id/imgBtnAdd"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@color/colorPrimaryDark"
android:layout_below="@+id/imgBtnItem"
android:layout_alignTop="@id/txtName"
android:layout_toEndOf="@id/txtName"
android:layout_alignEnd="@+id/imgBtnItem">
</ImageButton>
</RelativeLayout>
答案 2 :(得分:1)
使用此测试代码。不要使用相对布局进行简单布局。这不是一个好习惯
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical"
android:padding="5dp">
<ImageButton
android:id="@+id/imgBtnItem"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
android:background="@android:color/transparent"
android:scaleType="fitCenter"
android:src="@drawable/amojee_logo"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<TextView
android:id="@+id/txtName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="9sp"
android:text="hi how are you"
android:textStyle="bold"/>
<ImageButton
android:id="@+id/imgBtnAdd"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
android:src="@drawable/amojee_logo"
android:background="@android:color/transparent" />
</LinearLayout>
</LinearLayout>