Question

在我的应用程序中，我有一个布局显示文本在顶部，图像在中心，然后文本在底部。但是现在我想尝试在图像布局的中心添加左侧箭头和右侧箭头右侧箭头。因为我在活动中使用滑动。

以下是我的xml代码以及我尝试过的内容。如果可能，我想使用重量。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="@drawable/light" >

    <LinearLayout
        android:id="@+id/layout1"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="2"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:textSize="@dimen/txt"
            android:textColor="#FFFFFF"
            android:textStyle="bold" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/layout2"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="5"
        android:orientation="vertical" >

/////////////////////////I have tried this   


    <LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="0dp"   
        android:orientation="horizontal"
        android:layout_weight="1">

    <ImageView android:layout_width="35dp"
        android:layout_height="45dp"
        android:layout_gravity="center|left" 
        android:background="@drawable/left"/>

    <ImageView android:layout_width="35dp"
        android:layout_height="45dp"
        android:layout_gravity="center|right" 
        android:background="@drawable/right"/>

    </LinearLayout>

///////////////////////////////////////

    </LinearLayout>

    <View
        android:id="@+id/top_space"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:background="@null"
        android:gravity="center"
        android:layout_weight=".5" />

    <LinearLayout
        android:id="@+id/layout3"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="2.5"
        android:orientation="vertical" >

        <com.info.abc.TextViewEx
        android:id="@+id/textView2"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginLeft="@dimen/activity_horizontal_margin"
        android:layout_marginRight="@dimen/activity_horizontal_margin"
        android:scrollbars="vertical" 
        android:textColor="#FFFFFF"
        android:textSize="@dimen/betxt"/>

    </LinearLayout>


</LinearLayout>

Answer 1

试试这个..

<LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="0dp"   
        android:orientation="horizontal"
        android:layout_weight="1">

    <ImageView 
        android:layout_width="0dp"
        android:layout_height="45dp"
        android:layout_weight="0.2"
        android:layout_gravity="center"
        android:src="@drawable/left"/>

    <ImageView android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="0.6"
        android:layout_gravity="center"
        android:src="@drawable/yourimage"/>


    <ImageView 
        android:layout_width="0dp"
        android:layout_height="45dp"
        android:layout_weight="0.2"
        android:layout_gravity="center"
        android:src="@drawable/right"/>

    </LinearLayout>

OR

<LinearLayout
        android:id="@+id/layout2"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="5"
        android:orientation="vertical" >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:orientation="horizontal" >

            <ImageView
                android:layout_width="35dp"
                android:layout_height="45dp"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:layout_marginLeft="10dp"
                android:src="@drawable/left" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:src="@drawable/yourimage" />

            <ImageView
                android:layout_width="35dp"
                android:layout_height="45dp"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:layout_marginRight="10dp"
                android:src="@drawable/right" />
        </RelativeLayout>
    </LinearLayout>

Answer 2

我建议您根据需要使用RelativeLayout。

Answer 3

使用RelativeLayout

尝试此操作

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="5"
    android:orientation="horizontal" >

    <ImageView
        android:layout_width="35dp"
        android:layout_height="45dp"
        android:layout_centerVertical="true"
        android:background="@drawable/ic_launcher" />

    <ImageView
        android:layout_width="35dp"
        android:layout_height="45dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:background="@drawable/ic_launcher" />
</RelativeLayout>

Answer 4

我已使用LinearLayout更改了您的RelativeLayout，并将其引力设为center并将图像设置为左右两侧并完成。

只需使用android:id="@+id/layout2"更改您的布局RelativeLayout，如下所示：

<LinearLayout
    android:id="@+id/layout2"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="5"
    android:orientation="vertical" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:gravity="center" >

        <ImageView
            android:layout_width="35dp"
            android:layout_height="45dp"
            android:layout_gravity="center"
            android:layout_alignParentLeft="true"
            android:background="@drawable/left" />

        <ImageView
            android:layout_width="35dp"
            android:layout_height="45dp"
            android:layout_gravity="center"
            android:layout_alignParentRight="true"
            android:background="@drawable/right" />
    </RelativeLayout>
  </LinearLayout>

Answer 5

您可以使用相对布局，如： -

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >

    <TextView
        android:id="@+id/yourTextItem"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="60dp"
        android:layout_centerInParent="true"
        android:layout_marginBottom="20dp" >

        <Button
            android:id="@+id/left"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            >
        </Button>

        <Button
            android:id="@+id/right"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
             >
        </Button>
    </RelativeLayout>

</RelativeLayout>

Answer 6

使用重量的布局设计

<LinearLayout
    android:id="@+id/layout1"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="gaesh"
        android:textColor="#4FFFFF"
        android:textSize="14sp"
        android:textStyle="bold" />
</LinearLayout>

<LinearLayout
    android:id="@+id/layout2"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="8"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal" >

        <ImageView
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:layout_gravity="center|left"
            android:src="@drawable/yout image  "
            android:background="#123456" />

        <ImageView
            android:layout_width="0dp"
            android:layout_weight="8"

            android:layout_height="match_parent"
            android:layout_gravity="center|right"
            android:src="@drawable/yout image  "
            android:background="#334343" />
        <ImageView
            android:layout_width="0dp"
            android:layout_weight="1"

            android:layout_height="match_parent"
            android:layout_gravity="center|right"
            android:src="@drawable/yout image  "
            android:background="#654321" />
    </LinearLayout>
</LinearLayout>

<LinearLayout
    android:id="@+id/layout3"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:orientation="vertical" >

    <com.info.abc.TextViewEx
        android:id="@+id/textView2"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:textColor="#FFFFFF"
        android:textSize="14sp" />
</LinearLayout>

如何在中心显示箭头图像？

6 个答案: