在相对布局中最左边的位置显示文本

Question

'My Topic' 文字显示在顶部中央。在其下方有一个列表。
我想在与 'My Topic' 相同行的最左侧位置显示“<返回”文本。我怎样才能做到这一点？

这里是相关布局XML:

 <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="0dp"
            android:background="#FFFFFF"
            android:orientation="vertical"
            android:paddingLeft="0dp" >

            <TextView
                android:id="@+id/topic"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:gravity="center_horizontal"
                android:text="My Topic"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textStyle="bold"
                android:fontFamily="sans-serif" />

            <ListView
                android:id="@+id/list"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/topic"
                android:layout_margin="0dp"
                android:paddingLeft="0dp" 
                android:divider="#A2B0B0"
                android:dividerHeight="0.5dp"               
                android:choiceMode="singleChoice" >
            </ListView>
        </RelativeLayout>

Answer 1

在列表视图上方添加相对布局，并将返回按钮左对齐，我的主题文本 layout_widht="match parent" 重心

这是布局代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<RelativeLayout
    android:id="@+id/mainLayout"
    android:gravity="center"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="< Back" />

    <TextView
        android:id="@+id/topic"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="My Topic"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textStyle="bold"
        android:layout_centerVertical="true"
        android:layout_alignParentStart="true" />
</RelativeLayout>


<ListView
    android:id="@+id/list"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/mainLayout"
    android:layout_margin="0dp"
    android:choiceMode="singleChoice"
    android:divider="#A2B0B0"
    android:dividerHeight="0.5dp"
    android:paddingLeft="0dp"></ListView>
</LinearLayout>

Answer 2

    <RelativeLayout android:layout_width="match_parent" 
                    android:layout_height="wrap_content"
                    android:id="@+id/topbar">
        <TextView
                android:id="@+id/back"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="left"
                android:text="< Back"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textStyle="bold"
                android:fontFamily="sans-serif" />

        <TextView
                android:id="@+id/topic"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:gravity="center_horizontal"
                android:text="My Topic"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textStyle="bold"
                android:fontFamily="sans-serif" />
    </RelativeLayout>

    <ListView
            android:id="@+id/list"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/topbar"
            android:layout_margin="0dp"
            android:paddingLeft="0dp"
            android:divider="#A2B0B0"
            android:dividerHeight="0.5dp"
            android:choiceMode="singleChoice" >
    </ListView>

Answer 3

用这个替换你的布局

    <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="0dp"
    android:background="#FFFFFF"
    android:orientation="vertical"
    android:paddingLeft="0dp" >

    <RelativeLayout android:id="@+id/relTopic"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    <TextView
        android:id="@+id/topic"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_centerHorizontal="true"
        android:text="My Topic"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textStyle="bold"
        android:fontFamily="sans-serif" />

        <TextView
            android:id="@+id/back"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_alignParentLeft="true"
            android:text="Back"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textStyle="bold"
            android:fontFamily="sans-serif" />
    </RelativeLayout>

    <ListView
        android:id="@+id/list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/relTopic"
        android:layout_margin="0dp"
        android:paddingLeft="0dp"
        android:divider="#A2B0B0"
        android:dividerHeight="0.5dp"
        android:choiceMode="singleChoice" >
    </ListView>
</RelativeLayout>

您可以在单个布局中使用两个文本视图，然后将其引用提供给列表视图android:layout_below="@id/relTopic"

Answer 4

下面应该是要走的路。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="0dp"
        android:background="#FFFFFF"
        android:orientation="vertical"
        android:paddingLeft="0dp">

        <TextView
            android:id="@+id/topic"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:fontFamily="sans-serif"
            android:gravity="center_horizontal"
            android:text="My Topic"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/back"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:fontFamily="sans-serif"
            android:gravity="left"
            android:text="< Back"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textStyle="bold" />
    </RelativeLayout>

    <ListView
        android:id="@+id/list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/topic"
        android:layout_margin="0dp"
        android:choiceMode="singleChoice"
        android:divider="#A2B0B0"
        android:dividerHeight="0.5dp"
        android:paddingLeft="0dp"></ListView>
</LinearLayout>

希望对你有所帮助

Answer 5

只需将此代码添加到您的 "My Topic" 上方：

<TextView
        android:id="@+id/tvBack"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        android:text="< Back"
        android:textAppearance="?android:attr/textAppearanceMedium" />

...并根据需要设置其他属性。

在相对布局中最左边的位置显示文本

Displaying text in left most position in Relative Layout

android

android-layout

android-relativelayout