web-dev-qa-db-ja.com

LinearLayoutで画面下部にボタンを配置しますか?

次のコードがありますが、3つのボタンが一番下になるようにするにはどうすればよいですか。

    <TextView
        Android:id="@+id/textView1"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:layout_marginTop="60dp"
        Android:gravity="center"
        Android:text="@string/observer"
        Android:textAppearance="?android:attr/textAppearanceLarge"
        tools:context=".asdf"
        Android:weight="1" />

    <LinearLayout
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:orientation="vertical" >

        <Button
            Android:id="@+id/button1"
            style="?android:attr/buttonStyleSmall"
            Android:layout_width="145dp"
            Android:layout_height="wrap_content"
            Android:layout_gravity="center_horizontal|center"
            Android:text="1" />

        <Button
            Android:id="@+id/button2"
            style="?android:attr/buttonStyleSmall"
            Android:layout_width="145dp"
            Android:layout_height="wrap_content"
            Android:layout_gravity="center_horizontal|center"
            Android:text="2" />

        <Button
            Android:id="@+id/button3"
            style="?android:attr/buttonStyleSmall"
            Android:layout_width="145dp"
            Android:layout_height="wrap_content"
            Android:layout_gravity="center_horizontal|center"
            Android:text="3" />
    </LinearLayout>
119
thedeepfield

4つのことを確認する必要があります。

  • あなたの外のLinearLayoutlayout_height="match_parent"を持っています
  • あなたの中のLinearLayoutlayout_weight="1"layout_height="0dp"を持っています
  • あなたのTextViewlayout_weight="0"を持っています
  • 内側のLinearLayout: Android:gravity="center|bottom"に適切に重力を設定しました

fill_parentは「使用可能なスペースをすべて使用する」という意味ではありません。ただし、layout_height="0dp"layout_weight="1"と一緒に使用すると、ビューは使用可能なスペースをすべて占有します( "fill_parent"を指定すると適切なレイアウトを取得できません )。

これは私がすぐに書いたいくつかのコードで、あなたのコードと同じように2つのLinearLayoutを使います。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:id="@+id/db1_root"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:orientation="vertical" >

    <TextView
        Android:id="@+id/textView1"
        Android:layout_width="fill_parent"
        Android:layout_height="wrap_content"
        Android:gravity="center"
        Android:text="@string/cow"
        Android:layout_weight="0"
        Android:textAppearance="?android:attr/textAppearanceLarge" />

    <LinearLayout
        Android:layout_width="match_parent"
        Android:layout_height="0dip"
        Android:layout_weight="1"
        Android:gravity="center|bottom"
        Android:orientation="vertical" >

        <Button
            Android:id="@+id/button1"
            style="?android:attr/buttonStyleSmall"
            Android:layout_width="145dp"
            Android:layout_height="wrap_content"
            Android:layout_gravity="center_horizontal|center"
            Android:text="1" />

        <Button
            Android:id="@+id/button2"
            style="?android:attr/buttonStyleSmall"
            Android:layout_width="145dp"
            Android:layout_height="wrap_content"
            Android:layout_gravity="center_horizontal|center"
            Android:text="2" />

        <Button
            Android:id="@+id/button3"
            style="?android:attr/buttonStyleSmall"
            Android:layout_width="145dp"
            Android:layout_height="wrap_content"
            Android:layout_gravity="center_horizontal|center"
            Android:text="3" />
    </LinearLayout>

</LinearLayout>

結果は次のようになります。

enter image description here

230
Brian Attwell

RelativeLayoutを使用して、それをAndroid:layout_alignParentBottom="true"で下に揃えることができます。

23
Ahmad

相対的なレイアウトを作成し、そのレイアウト内にこの行でボタンを作成します

Android:layout_alignParentBottom="true"
12
varghesekutty

最初にファイル名をfooter.xmlとして作成し、このコードをその中に置きます。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="78dp"
    Android:layout_gravity="bottom"
    Android:gravity="bottom"
 Android:layout_weight=".15"
    Android:orientation="horizontal"
    Android:background="@drawable/actionbar_dark_background_tile" >
    <ImageView
        Android:id="@+id/lborder"
        Android:layout_width="0dp"
        Android:layout_height="wrap_content"
        Android:layout_weight=".14"
        Android:background="@drawable/action_bar_left_button"
        Android:src="@drawable/overlay" />
    <ImageView
        Android:id="@+id/unknown"
        Android:layout_width="0dp"
        Android:layout_height="wrap_content"
        Android:layout_weight=".14"
        Android:background="@drawable/action_bar_left_button"
        Android:src="@drawable/notcolor" />
    <ImageView
        Android:id="@+id/open"
        Android:layout_width="0dp"
        Android:layout_height="wrap_content"
        Android:layout_weight=".14"
        Android:background="@drawable/action_bar_left_button"
        Android:src="@drawable/openit"
        />
    <ImageView
        Android:id="@+id/color"
        Android:layout_width="0dp"
        Android:layout_height="wrap_content"
        Android:layout_weight=".14"
        Android:background="@drawable/action_bar_left_button"
        Android:src="@drawable/colored" />
        <ImageView
        Android:id="@+id/rborder"
        Android:layout_width="0dp"
        Android:layout_height="wrap_content"
        Android:background="@drawable/action_bar_left_button"
        Android:src="@drawable/frames"
        Android:layout_weight=".14" />


</LinearLayout>  

次にheader.xmlを作成し、その中にこのコードを配置します。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="@dimen/action_bar_height"
    Android:layout_gravity="top"
    Android:baselineAligned="true"
    Android:orientation="horizontal"
    Android:background="@drawable/actionbar_dark_background_tile" >
    <ImageView
        Android:id="@+id/contact"
        Android:layout_width="37dp"
        Android:layout_height="wrap_content"
        Android:layout_gravity="start"
        Android:layout_weight=".18"
        Android:scaleType="fitCenter"
        Android:background="@drawable/action_bar_left_button"
        Android:src="@drawable/logo"/>

    <ImageView
        Android:id="@+id/share"
        Android:layout_width="0dp"
        Android:layout_height="wrap_content"
        Android:layout_gravity="start"
        Android:layout_weight=".14"
        Android:background="@drawable/action_bar_left_button"
        Android:src="@drawable/share" />

    <ImageView
        Android:id="@+id/save"
        Android:layout_width="0dp"
        Android:layout_height="wrap_content"
        Android:layout_weight=".14"
        Android:background="@drawable/action_bar_left_button"
        Android:src="@drawable/save" />

    <ImageView
        Android:id="@+id/set"
        Android:layout_width="0dp"
        Android:layout_height="wrap_content"
        Android:layout_weight=".14"
        Android:background="@drawable/action_bar_left_button"
        Android:src="@drawable/set" />

    <ImageView
        Android:id="@+id/fix"
        Android:layout_width="0dp"
        Android:layout_height="wrap_content"
        Android:layout_weight=".14"
        Android:background="@drawable/action_bar_left_button"
        Android:src="@drawable/light" />

    <ImageView
        Android:id="@+id/rotate"
        Android:layout_width="0dp"
        Android:layout_height="wrap_content"
        Android:layout_weight=".14"
        Android:background="@drawable/action_bar_left_button"
        Android:src="@drawable/ic_menu_rotate" />

    <ImageView
        Android:id="@+id/stock"
        Android:layout_width="0dp"
        Android:layout_height="wrap_content"
        Android:layout_weight=".14"
        Android:background="@drawable/action_bar_left_button"
        Android:src="@drawable/stock" />

</LinearLayout>

そして、あなたのmain_activity.xmlに入れて、その中にこのコードを入れてください: -

<RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
xmlns:tools="http://schemas.Android.com/tools"
Android:layout_width="match_parent"
Android:layout_height="fill_parent"
tools:context=".MainActivity"
Android:id="@+id/relt"
Android:background="@drawable/background" >

<LinearLayout
    Android:layout_width="fill_parent"
    Android:layout_height="78dp"
    Android:id="@+id/down"
    Android:layout_alignParentBottom="true" >

    <include
        Android:layout_width="fill_parent"
        Android:layout_height="78dp"
        layout="@layout/footer" >
    </include>
</LinearLayout>
<ImageView
    Android:id="@+id/view"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:layout_above="@+id/down"
    Android:layout_alignParentLeft="true"
    Android:layout_alignParentRight="true"
    Android:layout_below="@+id/inc"
   >  
    </ImageView> 
    <include layout="@layout/header"
        Android:id="@+id/inc"
        Android:layout_width="fill_parent"
        Android:layout_height="50dp"></include> 

幸せなコーディング:)

4
k0sh

これを行うには、フレームレイアウトを親レイアウトとして使用してから、その中に線形レイアウトを配置します。これが例です。

<FrameLayout 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:orientation="vertical">

<TextView
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:padding="5dp"
    Android:textSize="16sp"/>


<TextView
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:padding="5dp"      
    Android:textSize="16sp"
    />

<TextView
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:padding="5dp"
    Android:textSize="16sp"/>

<TextView
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:padding="5dp"
     Android:textSize="16sp"/>




</LinearLayout>

<Button
    Android:id="@+id/button2"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:layout_margin="10dp"
    Android:layout_gravity="bottom"
    />
 </FrameLayout>
3
Diya Bhat
<LinearLayout
 Android:id="@+id/LinearLayouts02"
 Android:layout_width="match_parent"
 Android:layout_height="match_parent"
 Android:orientation="vertical"
 Android:gravity="bottom|end">

<TextView
Android:id="@+id/texts1"
Android:layout_height="match_parent"
Android:layout_width="match_parent"
Android:layout_weight="2"
Android:text="@string/forgotpass"
Android:padding="7dp"
Android:gravity="bottom|center_horizontal"
Android:paddingLeft="10dp"
Android:layout_marginBottom="30dp"
Android:bottomLeftRadius="10dp"
Android:bottomRightRadius="50dp"
Android:fontFamily="sans-serif-condensed"
Android:textColor="@color/colorAccent"
Android:textStyle="bold"
Android:textSize="16sp"
Android:topLeftRadius="10dp"
Android:topRightRadius="10dp"/>

</LinearLayout>
2

マニフェスト - に対応するアクティビティにAndroid:windowSoftInputMode="adjustPan"を追加します。

  <activity Android:name="MyActivity"
    ...
    Android:windowSoftInputMode="adjustPan"
    ...
  </activity>
1
oskarko

ボタンがあるlinearLayoutにlayout_weight = "1"を追加するだけです。

編集: -単純にしましょう

以下のようなものに従ってください、タグ名は正しくないかもしれません、それは単なるアイデアです

<LL>// Top Parrent LinearLayout
   <LL1 height="fill_parent" weight="1" "other tags as requirement"> <TV /><Butons /></LL1> // this layout will fill your screen.
   <LL2 height="wrap_content" weight="1"  orientation="Horizontal" "other tags as requirement"> <BT1 /><BT2/ ></LL2> // this layout gonna take lower part of button height of your screen

<LL/> TOP PARENT CLOSED
1
AAnkit

あなたの親のレイアウトが直線であっても、あなたはボタンRelativeLayoutの中にまとめることができます。一番外側の親がAndroid:layout_height属性にmatch_parentが設定されていることを確認してください。そしてそのButtonタグに'Android:alignParentBottom = "True"'を追加してください

0
vidit pandey