对齐按钮屏幕底部 [英] Align Button to the bottom of screen

问题描述

我有一个框架布局两个按钮，并希望他们在下面的另一个屏合一的底部对齐。

使用的android：layout_gravity =底使得它们重叠超过对方。我觉得没有问题的RelativeLayout这样做，但RelativeLayout的不支持的android：layout_gravity =底

我的XML文件的布局

 ＆LT;？XML版本=1.0编码=UTF-8＆GT？;
＆LT;的FrameLayout的xmlns：机器人=htt​​p://schemas.android.com/apk/res/android
    机器人：layout_width =FILL_PARENT
    机器人：layout_height =FILL_PARENT
    机器人：背景=@绘制/ BG
    机器人：方向=垂直＆GT;    ＆LT;按钮
        机器人：layout_width =FILL_PARENT
        机器人：layout_height =WRAP_CONTENT
        机器人：ID =@ + ID / scanit
        机器人：layout_gravity =底
        机器人：文字=按钮1/＆GT;
    ＆LT;按钮
        机器人：layout_width =FILL_PARENT
        机器人：layout_height =WRAP_CONTENT
        机器人：ID =@ + ID / INF
        机器人：layout_gravity =底
        机器人：文字=按钮2/＆GT;
＆LT; /＆的FrameLayout GT;
 

解决方案

使用以下布局code表示，它可以帮助你。

 ＆LT;？XML版本=1.0编码=UTF-8＆GT？;
＆LT;的RelativeLayout的xmlns：机器人=htt​​p://schemas.android.com/apk/res/android
    机器人：layout_width =FILL_PARENT
    机器人：layout_height =FILL_PARENT＆GT;    ＆LT; RelativeLayout的
        机器人：layout_width =FILL_PARENT
        机器人：layout_height =FILL_PARENT
        机器人：layout_above =@ + ID / mLlayoutBottomButtons＆GT;
    ＆LT; / RelativeLayout的＆GT;    ＆LT;的LinearLayout
        机器人：ID =@ + ID / mLlayoutBottomButtons
        机器人：layout_width =FILL_PARENT
        机器人：layout_height =WRAP_CONTENT
        机器人：layout_alignParentBottom =真
        机器人：方向=垂直＆GT;        ＆LT;按钮
            机器人：ID =@ + ID /按钮1
            机器人：layout_width =match_parent
            机器人：layout_height =WRAP_CONTENT
            机器人：layout_weight =1
            机器人：文字=Button1的/＆GT;        ＆LT;按钮
            机器人：ID =@ + ID /按钮2
            机器人：layout_width =match_parent
            机器人：layout_height =WRAP_CONTENT
            机器人：layout_weight =1
            机器人：文字=Button2的/＆GT;
    ＆LT; / LinearLayout中＆GT;＆LT; / RelativeLayout的＆GT;
 

I have two buttons in a frame layout and want them to align at the bottom of screen one below the another.

Using android:layout_gravity="bottom" makes them overlap over each other. I have no issues doing it with Relativelayout but relativelayout doesn't supports android:layout_gravity="bottom"

My XML Layout file

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/bg"
    android:orientation="vertical" >

    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/scanit"
        android:layout_gravity="bottom"
        android:text="Button 1" />
    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/inf"
        android:layout_gravity="bottom"
        android:text="Button 2" />
</FrameLayout>

解决方案

Use Below Layout Code for that, it may help you.

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

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_above="@+id/mLlayoutBottomButtons" >
    </RelativeLayout>

    <LinearLayout
        android:id="@+id/mLlayoutBottomButtons"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="vertical" >

        <Button
            android:id="@+id/button1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Button1" />

        <Button
            android:id="@+id/button2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Button2" />
    </LinearLayout>

</RelativeLayout>

这篇关于对齐按钮屏幕底部的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！