android将对象放在imageview下面

时间:2017-01-29 07:10:44

标签: android android-layout android-studio

我必须创建一个水平对齐的textview和一个位于另一个图像视图下方的imageview。问题是它们没有水平对齐。我该怎么做才能避免这个问题?..

现在发生了什么:
enter image description here

应该是这样的:
enter image description here

我的代码:

<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>

3 个答案:

答案 0 :(得分:1)

用作(根据用途编辑尺寸):

printAddress(anyObj: &acct, message: "message")

输出:

enter image description here

答案 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>