带有按钮和复选框的Android布局

时间:2016-05-09 23:41:04

标签: android layout

有一个小的格式问题。任何帮助赞赏!目前我正在展示这个:

enter image description here

但我想要这个:

enter image description here

(抱歉小图片,当我尝试添加它们时出现问题) 我猜我需要做另一个线性或相对布局,但没有成功尝试......

XML:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/startLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/start"
    android:orientation="vertical" >

      <TextView
        android:id="@+id/versionNumber"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="top|start"
        android:layout_margin="20dp"
        android:textSize="12sp"
        android:text="TextView" />

    <View
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:visibility="invisible"/>



    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:src="@drawable/fastfieldlogo" />

    <TextView
        android:id="@+id/devMode"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="10dp"
        android:textColor="@color/orangedark"
        android:textSize="16sp"
        android:text="DEVELOPMENT MODE" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:layout_weight="3"
        android:paddingTop="30dp"
        android:orientation="vertical">

        <Button
            android:id="@+id/loginButton"
            android:layout_width="125dp"
            android:layout_height="55dp"
            android:layout_margin="5dp"
            android:gravity="center"
            android:background="@drawable/button_login"
            android:text="Login" />

        <CheckBox
            android:id="@+id/workOfflineSSO"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="Work Offline" />

        <CheckBox
            android:id="@+id/resetCookieSSO"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_marginBottom="15dp"
            android:text="Reset Cookies" />

    </LinearLayout>
</LinearLayout>

2 个答案:

答案 0 :(得分:1)

制作LinearLayout宽度wrap_content并使用layout_gravity代替gravity。最后从复选框中删除重力,如下所示。

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:layout_weight="3"
    android:paddingTop="30dp"
    android:orientation="vertical">

    <Button
        android:id="@+id/loginButton"
        android:layout_width="125dp"
        android:layout_height="55dp"
        android:layout_margin="5dp"
        android:gravity="center"
        android:background="@drawable/button_login"
        android:text="Login" />

    <CheckBox
        android:id="@+id/workOfflineSSO"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Work Offline" />

    <CheckBox
        android:id="@+id/resetCookieSSO"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="15dp"
        android:text="Reset Cookies" />

</LinearLayout>

答案 1 :(得分:0)

将您的复选框添加到具有垂直方向的LinearLayout,并将它们对齐到开头和左侧(gravity =“start”)。