Android LinearLayout对齐

Question

作为Android的新手,我仍在学习布局的复杂性.我想在地图上创建一个简单的栏.在大多数情况下,这工作正常.

我的问题是我希望一切都正确对齐,除了我想要左对齐的按钮.我尝试了很多组合,但无法获得理想的布局.

这开始让我相信我的整体结构是不正确的.这似乎应该有一个简单的解决方案.我错过了什么？

   <LinearLayout
        android:id="@+id/transparent_panel_hud"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="right">  
        <Button
            android:text="View"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableRight="@drawable/arrow_down"
            android:textSize="10sp"
            android:drawablePadding="3dp"/>

        <LinearLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:paddingRight="15dp" >

            <TextView
                android:id="@+id/latitude"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:gravity="right"
                android:text="@string/default_latitude"
                android:textSize="18sp" />

            <TextView
                android:id="@+id/longitude"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="right"
                android:text="@string/default_longitude"
                android:textSize="18sp" />
        </LinearLayout>

        <LinearLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:paddingRight="10dp" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="@string/speed"
                android:textSize="18sp" />

            <TextView
                android:id="@+id/speed"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="@string/default_speed"
                android:textSize="18sp" />
        </LinearLayout>

        <LinearLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:paddingRight="10dp" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="@string/heading"
                android:textSize="18sp" />

            <TextView
                android:id="@+id/heading"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="@string/default_heading"
                android:textSize="18sp" />
        </LinearLayout>
    </LinearLayout>![screenie][1]

Answer 1

对XML布局进行以下更改,您将获得所提及的输出.试试这个.

删除线android:gravity="right"在LinearLayout与id=transparent_panel_hud

保持Button在LinearLayout下面.

      <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="left" >
            <Button ... as you like />
      </LinearLayout>

保持你的remaing 3垂直LinearLayouts于LinearLayout如下.

      <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="right" >
            <LinearLayout vertical 1 ... as you like />
            <LinearLayout vertical 2 ... as you like />
            <LinearLayout vertical 3 ... as you like />
      </LinearLayout>

我测试了上面的代码更改,它的工作.你也检查一下,让我知道结果.