居中线性布局中的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_centerHorizontal = “真”
使用相对布局会比较容易,但是对于线性布局,我通常通过确保宽度与父项匹配来居中:
android:layout_width="match_parent"
然后相应地给左右边距。
android:layout_marginLeft="20dp" android:layout_marginRight="20dp"