Umieścić przyciski u dołu ekranu za pomocą LinearLayout?

136

Mam następujący kod, jak mam to zrobić, żeby 3 przyciski znalazły się na dole?

    <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>

thedeepfield
źródło
czym jest ten widok? układ ramek? układ względny?
Nirvana Tikku
1
Twój kod zawiera literówkę. Przez android:weight="1"was zapewne na myśli android:layout_weight="1". To nie jest jednak twój problem.
Brian Attwell
2
możliwy duplikat Jak wyrównać widoki na dole ekranu?
Krupa Patel
Łatwiej byłoby skorzystać z układu przestrzeni znajdującego się w przyborniku. Możesz umieścić go na istniejącym układzie powyżej przycisków i zmienić jego rozmiar, a spowoduje to przesunięcie ich na dół.
Alex

Odpowiedzi:

268

Musisz zapewnić cztery rzeczy:

  • Twoja strona zewnętrzna LinearLayoutmalayout_height="match_parent"
  • Twoje wnętrze LinearLayoutma layout_weight="1"ilayout_height="0dp"
  • Twój TextViewmalayout_weight="0"
  • Prawidłowo ustawiłeś grawitację w swoim wnętrzu LinearLayout: android:gravity="center|bottom"

Zauważ, że fill_parentnie oznacza to „zajmij całą dostępną przestrzeń”. Jeśli jednak użyjesz layout_height="0dp"z layout_weight="1", widok zajmie całe dostępne miejsce ( nie można uzyskać prawidłowego układu za pomocą „fill_parent” ).

Oto kod, który szybko napisałem, który używa dwóch LinearLayouts w podobny sposób jak twój kod.

<?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>

Wynik wygląda podobnie do tego:

wprowadź opis obrazu tutaj

Brian Attwell
źródło
Zagłosowano tylko za notatkę o tym, jak uzyskać widok, aby wypełnić całą dostępną przestrzeń! Dziękuję, świetna odpowiedź!
lisa
Te ostrzeżenia o kłaczkach ...!
Yousha Aleayoub
To nie jest najlepsze rozwiązanie, ponieważ po tym nie można ustawić widoku na środku pozostałego ekranu ......................... więc nagroda za najlepsze rozwiązanie trafia do tego odpowiedź - stackoverflow.com/a/26140793/4741746
sushant gosavi
Czy możesz opisać znaczenie layout_weight="0"lub co faktycznie robi?
Rahat Zaman
23

Możesz użyć a RelativeLayouti wyrównać go do dołu za pomocąandroid:layout_alignParentBottom="true"

Ahmad
źródło
1
czy nie jest możliwe użycie układu liniowego?
thedeepfield
To jest. Tak jak @AND_DEV już powiedział: Użyj layout_weight="1". Dzięki temu Twój LinearLayout zajmie wysokość po lewej stronie ekranu; teraz możesz ustawić grawitację swoich Przycisków na dole.
Ahmad,
1
Względne układy są trudne do odczytania, prawie nigdy nie robią tego, co chcesz i generalnie są okropne w utrzymaniu. Wziąłbym uderzenie wydajnościowe w postaci 30 liniowych rozgrywek w ciągu 1 relatywnego rozłożenia dowolnego dnia tygodnia, po prostu dlatego, że oszczędza to godziny frustrującego majstrowania.
G_V
@Ahmed Myślę, że zadane pytanie jest bardzo jasne, tak jak w przypadku LinearLayout, ale odpowiedział na RelativityLayout, a Brian Attwell odpowiedział wyraźnie, używając androida: gravity = "center | bottom"!
Gopi.cs,
@ Gopi.cs Naprawdę nie jestem pewien, dlaczego komentujesz odpowiedź, której udzieliłem ponad 6 (!) Lat temu. Jest rok 2019, po prostu użyj ConstraintLayout.
Ahmad,
12

Utwórz układ względny i wewnątrz tego układu utwórz przycisk z tą linią

android:layout_alignParentBottom="true"
varghesekutty
źródło
2
Dodatkowo dodanie android:layout_centerHorizontal="true"do środka również w poziomie sprawia, że ​​jest to świetne rozwiązanie.
Thomas Mondel,
1
Świetna sztuczka. Dzięki
zackygaurav
4

najpierw utwórz plik, nazwij go, footer.xml umieszczając w nim ten kod.

<?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>  

następnie utwórz plik header.xml i umieść w nim ten kod .:

<?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>

a następnie w swoim main_activity.xmli umieść w nim ten kod: -

<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> 

miłego kodowania :)

k0sh
źródło
Czy kolejność ma znaczenie? Zauważyłem, że umieściłeś stopkę jako pierwszy element, a nagłówek jako ostatni.
Martin Konecny
@MartinKonecny ​​nie, nie ma to znaczenia, ponieważ RelativeLayout ma swoje własne atrybuty, dzięki czemu możesz kontrolować, gdzie inne układy pasują do niego. na przykład: layout_below itp.
k0sh
3

Możesz to zrobić, przyjmując układ ramki jako układ nadrzędny, a następnie umieszczając w nim układ liniowy. Oto przykład:

<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>
Diya Bhat
źródło
3
<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>
Syed Danish Haider
źródło
1

Po prostu dodaj layout_weight = "1" do swojego linearLayout, który ma przyciski.

Edycja: - uproszczę

wykonaj coś takiego jak poniżej, nazwa tagów może nie być poprawna, to tylko Pomysł

<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
AAnkit
źródło
dodanie anroid: layout_weight = "1" nie przesuwa liniowego układu (i przycisków) w dół ...
thedeepfield,
@AND_DEV, zapomniałeś ustawić android: gravity. W tej chwili przyciski nadal będą na górze, mimo że LinearLayout, który je zawiera, wypełnia cały dolny obszar.
Brian Attwell
Nie, przyciski będą w LL2, a to będzie w dolnej części. Można ustawić grawitację, jeśli OP chce Przycisk w dokładnym dolnym wierszu. Podawałem tylko szorstki Pomysł, aby mógł to zrobić zgodnie ze swoimi wymaganiami.
AAnkit,
Czy dobrze przeczytałem, że używasz LL1elementu jako elementu dystansowego, więc wszystko dalej będzie na dole? Całkiem zgrabna sztuczka.
greenoldman
0

Dodaj android:windowSoftInputMode="adjustPan"do manifestu - do odpowiedniego działania:

  <activity android:name="MyActivity"
    ...
    android:windowSoftInputMode="adjustPan"
    ...
  </activity>
oskarko
źródło
0

Możesz zgrupować swoje Button (y) w RelativeLayout, nawet jeśli Twój układ nadrzędny jest liniowy. Upewnij się, że najbardziej zewnętrzny element nadrzędny ma atrybut android: layout_height ustawiony na match_parent . W tym tagu przycisku dodaj „android: alignParentBottom =" True "”

vidit pandey
źródło