Android线性布局(3个按钮)不能在屏幕中央显示

时间:2013-05-19 14:17:03

标签: android android-layout

我想让三个按钮对齐'+ id / imageRecorder'的中心。但是3个按钮现在从屏幕边缘开始,希望得到帮助

这是xml代码,如何使三个按钮成为屏幕的中心。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@color/myBackground"
    android:orientation="vertical" >


    <ImageView
        android:id="@+id/imageRecorder"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:src="@drawable/recorder" />

    <RadioGroup
        android:id="@+id/radioGroupAudio"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"        
        android:layout_marginTop="20dp"
        android:layout_below="@+id/imageRecorder"
        android:orientation="horizontal" >

        <RadioButton
            android:id="@+id/radiowav"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onRadioButtonClicked"
            android:text="@string/wav"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textColor="@color/myText" />

        <RadioButton
            android:id="@+id/radiomp3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onRadioButtonClicked"
            android:text="@string/mp3"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textColor="@color/myText" />
    </RadioGroup>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginTop="30dp"
        android:layout_centerHorizontal="true"                
        android:layout_below="@+id/radioGroupAudio"
        android:orientation="horizontal" >

        <ImageButton
            android:id="@+id/buttonStart"
            android:layout_width="76dp"
            android:layout_height="44dp"
            android:background="#00FFFFFF"
            android:scaleType="fitXY"
            android:layout_marginRight="20dp"
            android:layout_toLeftOf="@+id/buttonPause"
            android:src="@drawable/play_off" />

        <ImageButton
            android:id="@+id/buttonPause"
            android:layout_width="76dp"
            android:layout_height="44dp"
            android:background="#00FFFFFF"
            android:scaleType="fitXY"
            android:layout_below="@+id/imageRecorder"
            android:layout_centerInParent="true"            
            android:src="@drawable/pause_off" />

        <ImageButton
            android:id="@+id/buttonStop"
            android:layout_width="76dp"
            android:layout_height="44dp"
            android:background="#00FFFFFF"
            android:scaleType="fitXY"
            android:layout_marginLeft="20dp"
            android:layout_toRightOf="@+id/buttonPause"
            android:src="@drawable/stop_off" />
    </LinearLayout>

</RelativeLayout>

2 个答案:

答案 0 :(得分:2)

width的{​​{1}}更改为LinearLayout应该照顾它。使用wrap_content时,它会占用整个fill_parent,因此它会自然地从屏幕的开头开始

width

另外,将<LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="30dp" android:layout_centerHorizontal="true" android:layout_below="@+id/radioGroupAudio" android:orientation="horizontal" > 更改为height,因为您不想让它占据整个屏幕。请注意,我们已弃用wrap_content,因此您应使用fill_parent代替

答案 1 :(得分:1)

尝试改变:

    android:layout_centerHorizontal="true" 

为:

    android:gravity="center_horizontal"
带有3个按钮的LinearLayout中的