it-swarm.com.ru

Центрировать кнопку в линейном макете

Я использую линейный макет для отображения довольно легкого начального экрана. Он имеет 1 кнопку, которая должна центрироваться на экране как по горизонтали, так и по вертикали. Однако независимо от того, что я пытаюсь сделать, кнопка будет выравнивать центр сверху. Я включил XML ниже, кто-нибудь может указать мне правильное направление?

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

    <ImageButton Android:id="@+id/btnFindMe" 
        Android:layout_width="wrap_content" 
        Android:layout_height="wrap_content"
        Android:layout_gravity="center_vertical|center_horizontal"
        Android:background="@drawable/findme"></ImageButton>

</LinearLayout>
312
themaninthesuitcase

Если вы хотите центрировать элемент по центру экрана, не используйте LinearLayout, так как они предназначены для отображения количества элементов в строке.

Вместо этого используйте RelativeLayout

Так что замените:

Android:layout_gravity="center_vertical|center_horizontal"

для соответствующей опции RelativeLayout:

Android:layout_centerInParent="true"

Итак, ваш файл макета будет выглядеть так:

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

    <ImageButton Android:id="@+id/btnFindMe" 
        Android:layout_width="wrap_content" 
        Android:layout_height="wrap_content"
        Android:layout_centerInParent="true"
        Android:background="@drawable/findme"></ImageButton>

</RelativeLayout>
354
Dave Webb

Центрирование с использованием LinearLayout:

<LinearLayout
    Android:id="@+id/LinearLayout1"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:gravity="center"
    Android:orientation="vertical" >

    <ImageButton
        Android:id="@+id/btnFindMe"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:background="@drawable/findme" />
</LinearLayout>
418
lancha90

Вы пытались определить Android:gravity="center_vertical|center_horizontal" внутри макета и установить Android:layout_weight="1" на изображении?

40
rui

Обычно используемый метод, который работает с линейным макетом, состоит в том, чтобы установить свойство для кнопки изображения

Android:layout_gravity="center"

Вы можете выбрать выравнивание по левому краю, по центру или по правому краю каждого объекта в линейном макете. Обратите внимание, что приведенная выше строка точно такая же, как

Android:layout_gravity="center_vertical|center_horizontal"
34
hopcraft

Добавь это

Android:gravity="center"

В LinearLayout.

9
Tanmay Sahoo

легко с этим

    <LinearLayout
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        Android:layout_weight="1"
        Android:visibility="visible" 
        Android:gravity="center"
        Android:orientation="vertical" >

        <ProgressBar
            Android:id="@+id/pbEndTrip"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:layout_gravity="center"
            />

        <TextView
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            Android:layout_marginTop="10dp"
            Android:gravity="center"
            Android:text="Gettings" />
    </LinearLayout>
7
Javier
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:orientation="vertical"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent">

    <ImageButton Android:id="@+id/btnFindMe" 
        Android:layout_width="match_parent" 
        Android:layout_height="wrap_content"
        Android:layout_gravity = "center"
        Android:background="@drawable/findme">
    </ImageButton>

</LinearLayout>

Приведенный выше код будет работать.

5
Vish

Вы можете использовать RelativeLayout.

5
Amit kumar

Согласно документации Android для атрибутов XML Android: layout_gravity , мы можем сделать это легко :)

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

    <ImageButton Android:id="@+id/btnFindMe" 
        Android:layout_width="wrap_content" 
        Android:layout_height="wrap_content"

        Android:layout_gravity="center"

        Android:background="@drawable/findme"></ImageButton>

</LinearLayout>
2
Reza Mamun

Если вы используете LinearLayout, вы можете добавить центр тяжести:

<LinearLayout
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:orientation="vertical"
        Android:gravity="center">
            <Button
            Android:layout_width="200dp"
            Android:layout_height="wrap_content"
            />
</LinearLayout>`
2
Han Kai

полный и рабочий образец с моей машины ...

<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:tools="http://schemas.Android.com/tools"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    Android:paddingLeft="@dimen/activity_horizontal_margin"
    Android:paddingRight="@dimen/activity_horizontal_margin"
    Android:paddingTop="@dimen/activity_vertical_margin"
    Android:paddingBottom="@dimen/activity_vertical_margin"
    Android:orientation="vertical"
    tools:context=".MainActivity"
    Android:gravity="center"
    Android:textAlignment="center">


    <TextView
        Android:layout_width="fill_parent"
        Android:layout_height="wrap_content"
        Android:textAppearance="?android:attr/textAppearanceLarge"
        Android:text="My Apps!"
        Android:id="@+id/textView"
        Android:gravity="center"
        Android:layout_marginBottom="20dp"
     />

    <Button
        Android:layout_width="220dp"
        Android:layout_height="wrap_content"
        Android:text="SPOTIFY STREAMER"
        Android:id="@+id/button_spotify"
        Android:gravity="center"
        Android:layout_below="@+id/textView"
        Android:padding="20dp"
        />

    <Button
        Android:layout_width="220dp"
        Android:layout_height="wrap_content"
        Android:text="SCORES"
        Android:id="@+id/button_scores"
        Android:gravity="center"
        Android:layout_below="@+id/textView"
        Android:padding="20dp"
        />


    <Button
        Android:layout_width="220dp"
        Android:layout_height="wrap_content"
        Android:layout_centerInParent="true"
        Android:text="LIBRARY APP"
        Android:id="@+id/button_library"
        Android:gravity="center"
        Android:layout_below="@+id/textView"
        Android:padding="20dp"
        />

    <Button
        Android:layout_width="220dp"
        Android:layout_height="wrap_content"
        Android:layout_centerInParent="true"
        Android:text="BUILD IT BIGGER"
        Android:id="@+id/button_buildit"
        Android:gravity="center"
        Android:layout_below="@+id/textView"
        Android:padding="20dp"
        />

    <Button
        Android:layout_width="220dp"
        Android:layout_height="wrap_content"
        Android:layout_centerInParent="true"
        Android:text="BACON READER"
        Android:id="@+id/button_bacon"
        Android:gravity="center"
        Android:layout_below="@+id/textView"
        Android:padding="20dp"
        />

    <Button
        Android:layout_width="220dp"
        Android:layout_height="wrap_content"
        Android:layout_centerInParent="true"
        Android:text="CAPSTONE: MY OWN APP"
        Android:id="@+id/button_capstone"
        Android:gravity="center"
        Android:layout_below="@+id/textView"
        Android:padding="20dp"
        />

</LinearLayout>

2
Joe Healy

Вы также можете установить ширину LinearLayout в wrap_content и использовать Android:layout_centerInParent, Android:layout_centerVertical="true":

<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:orientation="vertical"
Android:layout_width="wrap_content"
Android:layout_height="fill_parent"
Android:layout_centerInParent="true"
Android:layout_centerHorizontal="true"
Android:layout_centerVertical="true"
>

<ImageButton Android:id="@+id/btnFindMe" 
    Android:layout_width="wrap_content" 
    Android:layout_height="wrap_content"       
    Android:background="@drawable/findme"/>

0
A-Sharabiani

просто используйте (чтобы сделать его в центре вашего макета)

        Android:layout_gravity="center" 

и использовать 

         Android:layout_marginBottom="80dp"

         Android:layout_marginTop="80dp"

Правка положение

0
Mohamed Adel

Вы также можете попробовать этот код:

<LinearLayout
            Android:id="@+id/linear_layout"
            Android:layout_width="fill_parent"
            Android:layout_height="0dp"
            Android:layout_gravity="center"
            Android:orientation="horizontal"
            Android:weightSum="2.0"
            Android:background="@drawable/anyBackground" >

        <LinearLayout
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            Android:layout_gravity="center"
            Android:orientation="vertical"
            Android:layout_weight="1" >

            <ImageView
                Android:id="@+id/img_mail"
                Android:layout_width="wrap_content"
                Android:layout_height="wrap_content"
                Android:layout_gravity="center"
                Android:background="@drawable/yourImage" />
        </LinearLayout>

        <LinearLayout
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            Android:layout_gravity="center"
            Android:orientation="vertical"
            Android:layout_weight="1" >



<ImageView
            Android:id="@+id/img_save"
            Android:layout_width="wrap_content"
            Android:layout_height="match_parent"
            Android:layout_gravity="center"
            Android:background="@drawable/yourImage" />
        </LinearLayout>
        </LinearLayout>
0
user4058115

Установите значение true Android:layout_alignParentTop="true" и Android:layout_centerHorizontal="true" в кнопке следующим образом:

<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="match_parent"
    >
     <Button
        Android:id="@+id/switch_flashlight"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:text="@string/turn_on_flashlight"
        Android:textColor="@Android:color/black"
        Android:onClick="action_trn"
        Android:background="@Android:color/holo_green_light"
        Android:layout_alignParentTop="true"
        Android:layout_centerHorizontal="true"
        Android:padding="5dp" />
</RelativeLayout>

 enter image description here

0
Oskar