在线性布局中居中一个按钮

小开

你有没有试过在布局中定义android:gravity="center_vertical|center_horizontal"并在图像中设置android:layout_weight="1" ?

小开

最佳答案

如果你想要在屏幕中间居中一个项目，不要使用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>

小开

你试过这个吗?

  <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/mainlayout" android:orientation="vertical"
android:layout_width="fill_parent" android:layout_height="fill_parent">
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="5px"
android:background="#303030"
>
<RelativeLayout
android:id="@+id/widget42"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
>
<ImageButton
android:id="@+id/map"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="map"
android:src="@drawable/outbox_pressed"
android:background="@null"
android:layout_toRightOf="@+id/location"
/>
<ImageButton
android:id="@+id/location"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="location"
android:src="@drawable/inbox_pressed"
android:background="@null"
/>
</RelativeLayout>
<ImageButton
android:id="@+id/home"
android:src="@drawable/button_back"
android:background="@null"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
/>
</RelativeLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="5px"
android:orientation="horizontal"
android:background="#252525"
>
<EditText
android:id="@+id/searchfield"
android:layout_width="fill_parent"
android:layout_weight="1"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:background="@drawable/customshape"
/>
<ImageButton
android:id="@+id/search_button"
android:src="@drawable/search_press"
android:background="@null"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
/>
</LinearLayout>
<com.google.android.maps.MapView
android:id="@+id/mapview"
android:layout_weight="1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:clickable="true"
android:apiKey="apikey" />


</TableLayout>

小开

线性布局的常用方法是在图像按钮上设置一个属性

android:layout_gravity="center"

您可以选择将线性布局中的每个对象左对齐、居中对齐或右对齐。请注意，上面的一行与

android:layout_gravity="center_vertical|center_horizontal"

小开

使用线性布局的中心:

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

小开

你可以使用RelativeLayout。

小开

使用相对布局会更容易，但对于线性布局，我通常通过确保宽度匹配父布局居中:

    android:layout_width="match_parent"

然后给左右留出相应的边距。

    android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"

小开

使用

android: layout_centerHorizontal = " true "

小开

这很简单

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

小开

您也可以尝试以下代码:

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

小开

从我的机器完成和工作样品…

.

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

小开

只需使用(使其位于布局的中心)

        android:layout_gravity="center"

和使用

         android:layout_marginBottom="80dp"


android:layout_marginTop="80dp"

改变位置

小开

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

上面的代码将工作。

小开

根据Android文档android: layout_gravity的XML属性，我们可以很容易地做到这一点:)

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

小开

添加这个

android:gravity="center"

在LinearLayout。

小开

在Button中设置为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>

小开

你也可以将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"/>

小开

如果你使用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>`

小开

这对我很有用。

android:layout_alignParentEnd="true"

小开

在这种情况下，你也可以使用RelativeLayout作为ImageButton的父元素

android:layout_centerInParent="true"

然后在ImageButton中使用上面的代码。

小开

你可以使用gravity="center"属性，该属性使其子类位于中心。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:gravity="center">