Question

我正在尝试在Android中完成布局，但无法弄清楚如何做到这一点。基本上我试图让它看起来像这样：

+-----------------------------------------+
|           Text #1                       |
| img1 img2 Text #2                  img3 |
+-----------------------------------------+

文本＃1和文本＃2应该按照我试图说明的方式对齐。我正在考虑两种不同的方法：

+-----------------------------------------+
|<- margin->Text #1                       |
+-----------------------------------------+
| img1 img2 Text #2                  img3 |
+-----------------------------------------+

或者

+----------+-------+----------------------+
|          |Text #1|                      |
|          +-------+
| img1 img2|Text #2|                 img3 |
+----------+-------+----------------------+

我会优先选择后者，但是LinearLayout会使用文本＃1 /＃2进行折叠，以便文本＃2不可见。

两个解决方案都嵌套在RelativeLayout中。我已经尝试将包含左侧部分的LinearLayout上的重力设置为“左”，将img3设置为“右侧”，但显然只能将重力分配给周围的RelativeLayout吗？至少我无法使用重力对齐。

如果我的虚弱图纸有意义，任何人都可以指导我选择正确的方法吗？

Answer 1

您可以使用WEIGHTSUM属性

进一步平均划分这3个线性布局

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="80dip"
    android:orientation="horizontal">

    <ImageView            
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitXY"
        android:src="@drawable/img2"/>

    <ImageView            
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitXY"
        android:src="@drawable/img2"/>
</LinearLayout>



    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="80dip"
        android:orientation="vertical" 
        android:weightSum="1">

        <TextView
            android:id="@+id/direzione"
            android:layout_width="wrap_content"
            android:layout_height="0dip"
            android:layout_weight="0.5"                
            android:text="Text View 1"
            android:textColor="#000000"/>

        <TextView
            android:id="@+id/direzione_value"
            android:layout_width="wrap_content"
            android:layout_height="0dip"
            android:layout_weight="0.5" 
            android:text="Text View 2"
            android:textColor="#000000" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

       <ImageView            
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitXY"
        android:src="@drawable/img2"/>
    </LinearLayout>

enter image description here

Answer 2

我会在里面使用相对布局：

linearLayout : parentBottom + vertical orientation
  tv1
  tv2
img2: parentBottom + leftOf layout
img1: parentBottom + leftOf img2
img3 : parentBottom + rightOf layout

Answer 3

我使用weightSum和orientation来根据您的需要创建布局

试试这个：

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/homeTableLayout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal"
        android:weightSum="10"
         >

        <LinearLayout
             android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:orientation="horizontal"
        android:weightSum="10"
        android:layout_weight="2"
            >
     <ImageView
         android:layout_height="50dip" 
         android:layout_width="0dip"
         android:background="@android:color/holo_blue_dark"
         android:layout_weight="5"
         />
     <ImageView
         android:layout_height="50dip" 
         android:layout_width="0dip"
         android:background="@android:color/holo_green_dark"
         android:layout_weight="5"
         />
     </LinearLayout>
     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/homeTableLayout"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        android:layout_weight="3"
         >
         <TextView
              android:layout_width="fill_parent"
              android:layout_height="25dip"
              android:text="testing"
              android:background="@android:color/holo_orange_dark"
             />
         <TextView
              android:layout_width="fill_parent"
              android:layout_height="25dip"
              android:text="testing"
              android:background="@android:color/holo_purple"
             />

     </LinearLayout>

     <LinearLayout
             android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:orientation="horizontal"
       android:layout_weight="5"
            >
     <ImageView
         android:layout_height="50dip" 
         android:layout_width="fill_parent"
         android:background="@android:color/holo_blue_dark"

         />

     </LinearLayout>
    </LinearLayout>

以下是WireFrame。根据您的需要进行更改：

enter image description here

Answer 4

试试这个

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/RelativeLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_marginTop="68dp"
    android:src="@drawable/ic_launcher" />

<ImageView
    android:id="@+id/imageView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignTop="@+id/imageView1"
    android:layout_marginLeft="19dp"
    android:layout_toRightOf="@+id/imageView1"
    android:src="@drawable/ic_launcher" />


<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/imageView2"
    android:layout_alignTop="@+id/imageView2"
    android:layout_marginLeft="34dp"
    android:layout_toRightOf="@+id/imageView2"
    android:text="Large Text"
    android:gravity="center"
    android:textAppearance="?android:attr/textAppearanceLarge" />


<TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/textView1"
    android:layout_alignRight="@+id/textView1"
    android:layout_marginBottom="16dp"
    android:text="Large Text"
    android:textAppearance="?android:attr/textAppearanceLarge" />

<ImageView
    android:id="@+id/imageView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignTop="@+id/textView1"
    android:src="@drawable/ic_launcher" />

如果没有工作请私密

Android布局：使用边距/填充或嵌套布局？

4 个答案: