无法在xml中对齐按钮和textView

时间:2013-06-02 12:42:52

标签: android xml android-layout

我在调整按钮和textView时遇到问题。我已经在xml中有一个textView和按钮,我想要另一组,就在它们下面。 但我无法添加它。请看一下。

这是xml,

<?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:animateLayoutChanges="true"
    android:background="#FFFFFF">

     <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal|top">
    <com.aavishkaar.quikies.widget.TypedfacedTextViewxmlns:your_namespace="http://schemas.android.com/apk/res/com.aavishkaar.quickies"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Click Here"
        android:id="@+id/textView"
        android:layout_weight="0.6"
        android:textSize="24sp"
        android:textColor="@android:color/black"
        android:gravity="center|left"
        android:layout_marginLeft="15dp"
        your_namespace:typeface="Roboto-Regular.ttf" />

    <Button style="?android:attr/buttonStyleSmall"
        android:id="@+id/blue0"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:text="OFF"
        android:layout_weight="0.2"
        android:layout_gravity="center_vertical"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:background="@drawable/switch_bg_holo_light" />

    <Button style="?android:attr/buttonStyleSmall"
        android:id="@+id/blue1"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:text="ON"
        android:layout_weight="0.2"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:layout_marginRight="5dp"
        android:background="@drawable/switch_thumb_activated_holo_light"/>
    </LinearLayout>
</LinearLayout>

This is the layout design view

2 个答案:

答案 0 :(得分:2)

尝试此代码只需更改第一个线性布局中的方向,默认情况下线性布局方向为水平

 
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:animateLayoutChanges="true"
      android:background="#FFFFFF"
        android:orientation="vertical">


 <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal|top">


<com.aavishkaar.quikies.widget.TypedfacedTextView
          xmlns:your_namespace="http://schemas.android.com/apk/res/com.aavishkaar.quickies"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Click Here"
        android:id="@+id/textView"
        android:layout_weight="0.6"
        android:textSize="24sp"
        android:textColor="@android:color/black"
        android:gravity="center|left"
        android:layout_marginLeft="15dp"
        your_namespace:typeface="Roboto-Regular.ttf"
        />

<Button
        style="?android:attr/buttonStyleSmall"
        android:id="@+id/blue0"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:text="OFF"
        android:layout_weight="0.2"
        android:layout_gravity="center_vertical"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:background="@drawable/switch_bg_holo_light"

        />

<Button
        style="?android:attr/buttonStyleSmall"
        android:id="@+id/blue1"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:text="ON"
        android:layout_weight="0.2"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:layout_marginRight="5dp"
        android:background="@drawable/switch_thumb_activated_holo_light"
        />
</LinearLayout>

  <com.aavishkaar.quikies.widget.TypedfacedTextView               
   xmlns:your_namespace="http://schemas.android.com/apk/res/com.aavishkaar.quickies"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Click Here"
        android:id="@+id/textView"
        android:layout_weight="0.6"
        android:textSize="24sp"
        android:textColor="@android:color/black"
        android:gravity="center|left"
        android:layout_marginLeft="15dp"
        your_namespace:typeface="Roboto-Regular.ttf"
        />

<Button
        style="?android:attr/buttonStyleSmall"
        android:id="@+id/blue0"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:text="OFF"
        android:layout_weight="0.2"
        android:layout_gravity="center_vertical"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:background="@drawable/switch_bg_holo_light"

        />

<Button
        style="?android:attr/buttonStyleSmall"
        android:id="@+id/blue1"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:text="ON"
        android:layout_weight="0.2"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:layout_marginRight="5dp"
        android:background="@drawable/switch_thumb_activated_holo_light"
        />
</LinearLayout>

</LinearLayout>

答案 1 :(得分:1)

添加

    android:orientation="vertical"  in first Linear Layour.

添加

    android:orientation="horizontal" in Second Linear Layour.

我希望这会有效,如果不理会这个答案。 我不是很擅长这个。