在中间的android设置2按钮对齐

时间:2017-05-16 11:02:33

标签: android button layout

我有一个双重问题:

  1. 我想设置两个按钮,在屏幕中间对齐并与中心等距离。我怎么做?

  2. 我想做同样的事情,但现在我需要4个按钮:2个上行和2个下行。

  3. 编辑:

        <Button
        android:id="@+id/selTemplate_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/text_noteText"
        android:text="@string/select_template"
        android:layout_centerHorizontal="true"
        android:layout_marginRight="20dp" />
    
    
    <Button
         android:id="@+id/saveText_button"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="@string/save_text"
         android:layout_below="@+id/text_noteText"
         android:layout_toStartOf="@+id/viewTemplate_button"/>
    

    我的两个按钮位于滚动视图中,所以我无法创建各种linearlayout

    http://imgur.com/a/FkU1E这是我的布局。

4 个答案:

答案 0 :(得分:0)

问题1的解决方案:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="16dp"
            android:layout_marginEnd="8dp"
            android:layout_marginStart="16dp"
            android:layout_marginTop="16dp"
            android:layout_weight="1"
            android:text="Button 1" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="16dp"
            android:layout_marginEnd="16dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="16dp"
            android:layout_weight="1"
            android:text="Button 2" />

    </LinearLayout>

</RelativeLayout>

问题2的解决方案:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:orientation="vertical">

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

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginEnd="8dp"
                android:layout_marginStart="16dp"
                android:layout_marginTop="16dp"
                android:layout_weight="1"
                android:text="Button 1" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginEnd="16dp"
                android:layout_marginStart="8dp"
                android:layout_marginTop="16dp"
                android:layout_weight="1"
                android:text="Button 2" />

        </LinearLayout>

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

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="16dp"
                android:layout_marginEnd="8dp"
                android:layout_marginStart="16dp"
                android:layout_weight="1"
                android:text="Button 1" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="16dp"
                android:layout_marginEnd="16dp"
                android:layout_marginStart="8dp"
                android:layout_weight="1"
                android:text="Button 2" />

        </LinearLayout>

    </LinearLayout>

</RelativeLayout>

答案 1 :(得分:0)

为什么要使用多个布局?只需使用Linearlayout作为Parent并生成

 android:gravity="center"

所有观点都是中心

答案 2 :(得分:0)

尝试使用global packages: @ionic/cli-utils : 1.0.0 Ionic CLI : 3.0.0 System: Node : v6.10.3 OS : Windows 10 Xcode : not installed ios-deploy : not installed ios-sim : not installed

  1. 中间有两个按钮。

    RelativeLayout
  2. 中间有四个按钮。

    <RelativeLayout 
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"     
        android:layout_height="match_parent">
    
     <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:layout_centerVertical="true"
        android:layout_marginStart="50dp"/>
    
     <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_alignParentEnd="true"
        android:layout_marginEnd="50dp"/>
    
    </RelativeLayout>
    

答案 3 :(得分:0)

第一个问题的输出https://i.stack.imgur.com/34QJ7.png

1.关于第一个问题,请遵循以下代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center">
<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="btn_1"
    android:textAllCaps="false"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="btn_2"
        android:textAllCaps="false"/>
</LinearLayout>

输出第二个问题https://i.stack.imgur.com/Y5CBS.png

2.对于您的第二个问题,请遵循以下代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center">
<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="btn_1"
    android:textAllCaps="false"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="btn_2"
        android:textAllCaps="false"/>
</LinearLayout>
<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="btn_3"
        android:textAllCaps="false"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="btn_4"
        android:textAllCaps="false"/>
</LinearLayout>

</LinearLayout>