居中线性布局中的button

我正在使用线性布局来显示一个非常轻的初始屏幕。 它有1个button,应该居中在屏幕上水平和垂直。 不过无论我怎么做button都会顶到中心位置。 我已经包含了下面的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> 

如果您想在屏幕中间放置一个项目,请不要使用LinearLayout因为这些项目是为了在一行中显示多个项目。

改用RelativeLayout

所以replace:

 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> 

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

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

使用线性布局的常用方法是在图像button上设置属性

 android:layout_gravity="center" 

您可以select是在线性布局中左alignment,居中alignment还是右alignment每个对象。 请注意,上面的行是完全一样的

 android:layout_gravity="center_vertical|center_horizontal" 

容易与此

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

你可以使用RelativeLayout

添加这个

 android:gravity="center" 

在LinearLayout中。

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

上面的代码将工作。

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

 <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的 XML属性的Android文档,我们可以轻松地做到这一点:)

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

你也可以试试这个代码:

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

只是使用(使其在你的布局的中心)

  android:layout_gravity="center" 

并使用

  android:layout_marginBottom="80dp" android:layout_marginTop="80dp" 

改变位置

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

在这里输入图像说明

你试过这个吗?

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

使用

机器人:layout_centerHorizo​​ntal = “真”

使用相对布局会比较容易,但是对于线性布局,我通常通过确保宽度与父项匹配来居中:

  android:layout_width="match_parent" 

然后相应地给左右边距。

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