web-dev-qa-db-ja.com

Androidレイアウトの中心を揃える

ロゴとテキストを使用したレイアウトをActionBarとBottomレイアウトの中央に揃えようとしています。のように this

私はそれをやろうとしますが、それはうまくいきません。スクリーの中央にロゴのあるレイアウトを作成します。 this のように見えます

ミステケがどこにあるか誰か知っていますか？私のコード：

<Android.support.v4.widget.DrawerLayout
xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:id="@+id/drawer_layout"
Android:layout_width="match_parent"
Android:layout_height="match_parent">

//MainLayout
<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"
Android:paddingBottom="@dimen/activity_vertical_margin"
Android:paddingLeft="@dimen/activity_horizontal_margin"
Android:paddingRight="@dimen/activity_horizontal_margin"
Android:paddingTop="@dimen/activity_vertical_margin"
tools:context="text" >

//LOGO Layout
<RelativeLayout
    Android:id="@+id/relativeLayout0"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:layout_centerHorizontal="true"
    Android:layout_centerVertical="true"
    Android:gravity="center_vertical|center_horizontal|center" >

<ImageView
    Android:id="@+id/imageView1"
    Android:layout_width="wrap_content"
    Android:layout_height="@dimen/mainlogo_height"
    Android:src="@drawable/gerb_big" />

<TextView
    Android:id="@+id/textView1"
    Android:layout_width="fill_parent"
    Android:layout_height="wrap_content"
    Android:layout_below="@+id/imageView1"
    Android:layout_centerHorizontal="true"
    Android:layout_marginTop="17dp"
    Android:gravity="center"
    Android:text="text"
    Android:textColor="#900000"
    Android:textSize="@dimen/OA_size" />

<TextView
    Android:id="@+id/textView1"
    Android:layout_width="fill_parent"
    Android:layout_height="wrap_content"
    Android:layout_below="@+id/imageView1"
    Android:layout_centerHorizontal="true"
    Android:gravity="center"
    Android:text="text"
    Android:textColor="#900000"
    Android:textSize="@dimen/NU_size" />

</RelativeLayout>

//Bottom Layout
<RelativeLayout
    Android:id="@+id/relativeLayout1"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:layout_centerHorizontal="true"
    Android:layout_centerInParent="false"
    Android:layout_centerVertical="true"
    Android:gravity="bottom|center_horizontal|center" >

    <ImageButton
        Android:id="@+id/home"
        Android:layout_width="40dp"
        Android:layout_height="40dp"
        Android:layout_alignParentLeft="true"
        Android:layout_alignParentTop="true"
        Android:layout_marginLeft="15dp"
        Android:layout_marginRight="15dp"
        Android:background="#ffffff"
        Android:onClick="home_Click"
        Android:scaleType="fitXY"
        Android:src="@drawable/home" />

    <ImageButton
        Android:id="@+id/news"
        Android:layout_width="40dp"
        Android:layout_height="40dp"
        Android:layout_marginLeft="15dp"
        Android:layout_marginRight="15dp"
        Android:layout_toRightOf="@+id/home"
        Android:background="#ffffff"
        Android:onClick="news_Click"
        Android:scaleType="fitXY"
        Android:src="@drawable/database" />

    <ImageButton
        Android:id="@+id/anons"
        Android:layout_width="40dp"
        Android:layout_height="40dp"
        Android:layout_marginLeft="15dp"
        Android:layout_marginRight="15dp"
        Android:layout_toRightOf="@+id/news"
        Android:background="#ffffff"
        Android:onClick="annons_Click"
        Android:scaleType="fitXY"
        Android:src="@drawable/calendar" />

    <ImageButton
        Android:id="@+id/faculty"
        Android:layout_width="40dp"
        Android:layout_height="40dp"
        Android:layout_marginLeft="15dp"
        Android:layout_marginRight="15dp"
        Android:layout_toRightOf="@+id/anons"
        Android:background="#ffffff"
        Android:onClick="faculty_Click"
        Android:scaleType="fitXY"
        Android:src="@drawable/category" />

</RelativeLayout>



</RelativeLayout>
</Android.support.v4.widget.DrawerLayout>
androidandroid-layoutrelativelayoutcentering
9
Volodymyr

ルートレイアウトの子であり、他のすべてのレイアウトをラップするLinearLayoutを作成してから、変更します。

<RelativeLayout
Android:id="@+id/relativeLayout0"
Android:layout_width="match_parent"
Android:layout_height="wrap_content"
Android:layout_centerHorizontal="true"
Android:layout_centerVertical="true"
Android:gravity="center" >

に

<RelativeLayout
Android:id="@+id/relativeLayout0"
Android:layout_width="match_parent"
Android:layout_height="0dp"
Android:layout_weight="1"
Android:layout_centerHorizontal="true"
Android:layout_centerVertical="true"
Android:gravity="center_vertical|center_horizontal|center" >

または、ロゴレイアウトにAndroid:layout_above="@+id/relativeLayout1"を追加します

13
Apoorv

これが私のコードとレイアウトです。これがあなたが必要としているものであることを願っています。 ：-

<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"
Android:paddingBottom="@dimen/activity_vertical_margin"
Android:paddingLeft="@dimen/activity_horizontal_margin"
Android:paddingRight="@dimen/activity_horizontal_margin"
Android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

<RelativeLayout
    Android:id="@+id/relativeLayout1"
    Android:layout_width="250dp"
    Android:layout_height="250dp"
    Android:layout_centerHorizontal="true"
    Android:layout_centerVertical="true"
    Android:background="@drawable/square_empty" >

    <RelativeLayout
        Android:layout_width="150dp"
        Android:layout_height="150dp"
        Android:layout_centerHorizontal="true"
        Android:layout_centerVertical="true"
        Android:background="@drawable/square_empty" >

        <TextView
            Android:id="@+id/textView2"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:layout_alignParentBottom="true"
            Android:layout_below="@+id/textView1"
            Android:layout_centerHorizontal="true"
            Android:layout_marginBottom="14dp"
            Android:text="TextView" />

        <ImageView
            Android:id="@+id/imageView1"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:layout_alignParentTop="true"
            Android:layout_centerHorizontal="true"
            Android:layout_marginTop="14dp"
            Android:src="@drawable/ic_launcher" />

        <TextView
            Android:id="@+id/textView1"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:layout_below="@+id/imageView1"
            Android:layout_centerHorizontal="true"
            Android:layout_marginTop="22dp"
            Android:text="TextView" />
    </RelativeLayout>
</RelativeLayout>

<ImageButton
    Android:id="@+id/imageButton1"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:layout_alignParentBottom="true"
    Android:layout_alignParentLeft="true"
    Android:src="@drawable/ic_launcher" />

<ImageButton
    Android:id="@+id/imageButton2"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:layout_alignBottom="@+id/imageButton1"
    Android:layout_toRightOf="@+id/imageButton1"
    Android:src="@drawable/ic_launcher" />

<ImageButton
    Android:id="@+id/imageButton3"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:layout_alignBottom="@+id/imageButton2"
    Android:layout_toRightOf="@+id/imageButton2"
    Android:src="@drawable/ic_launcher" />

<ImageButton
    Android:id="@+id/imageButton4"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:layout_alignTop="@+id/imageButton3"
    Android:layout_toRightOf="@+id/imageButton3"
    Android:src="@drawable/ic_launcher" />

そしてここにスナップショットがあります：-

enter image description here

1
Rahul Gupta

ロゴレイアウトにAndroid:layout_above=@id/relativeLayout1を追加してみてください。

0
pshegger