2016-10-21 14 views
0

アンドロイドにはまったく新しい、私はページ上で作業しており、テキストとイメージをページの中央に完全に配置したい。Android用スタジオ用XML

このような何か:ここ

How I want my result to be.

は私のコードです:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/activity_about" 
    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="mealsthatheals.emfitech.com.About"> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="@string/app_name" 
     android:textColor="@color/textColorPrimary" 
     android:textSize="18sp" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:id="@+id/Appname" /> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="@string/version" 
     android:textColor="@color/textColorPrimary" 
     android:textSize="10sp" 
     android:id="@+id/version" 
     android:layout_marginTop="18dp" 
     android:layout_below="@+id/Appname" 
     android:layout_centerHorizontal="true" /> 

    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/ic_launcher" 
     android:id="@+id/imageView" 
     android:layout_below="@+id/version" 
     android:layout_alignStart="@+id/Appname" 
     android:layout_marginTop="39dp" /> 

    <TextView 
     android:id="@+id/webLink" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:autoLink="web" 
     android:gravity="center" 
     android:padding="20px" 
     android:text="@string/www.emfitech.com" 
     android:textAppearance="?android:attr/textAppearanceSmall" 
     android:textColorLink="@color/colorPrimary" 
     android:layout_below="@+id/imageView" 
     android:layout_alignEnd="@+id/imageView" 
     android:layout_marginTop="28dp" /> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="@string/copyright" 
     android:textColor="@color/textColorPrimary" 
     android:textSize="14sp" 
     android:id="@+id/copywright" 
     android:layout_marginTop="54dp" 
     android:layout_centerHorizontal="true" 
     android:layout_alignTop="@+id/webLink" 
     android:layout_alignParentEnd="true" 
     android:layout_marginEnd="73dp" /> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="@string/all_rights" 
     android:textColor="@color/textColorPrimary" 
     android:textSize="10sp" 
     android:id="@+id/reserve" 
     app:layout_anchor="@+id/imageView" 
     android:layout_marginTop="22dp" 
     android:layout_below="@+id/copywright" 
     android:layout_alignEnd="@+id/version" /> 

</RelativeLayout> 

だから私は結果が全ての真ん中にセンタリングすることにしたいです。

+0

アンドロイド入れてみてください:あなたが中心に望むすべてに重心= "センター"。 – hyrulelink16

+0

画像のコンテンツが中央に配置されていません。とにかく、「gravity:center_horizo​​ntal」でLinearLayoutが必要な場合は、relativelayoutで動作しません –

答えて

0

私はアンドロイド:layout_centerHorizo​​ntal = "true"を使用してこのようにしました。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/activity_about" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingEnd="@dimen/activity_horizontal_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingStart="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin"> 

<TextView 
    android:id="@+id/Appname" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentTop="true" 
    android:layout_centerHorizontal="true" 
    android:text="@string/app_name" 
    android:textColor="@color/textColorPrimary" 
    android:textSize="18sp" /> 

<TextView 
    android:id="@+id/version" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/Appname" 
    android:layout_centerHorizontal="true" 
    android:layout_marginTop="18dp" 
    android:text="@string/version" 
    android:textColor="@color/textColorPrimary" 
    android:textSize="10sp" /> 

<ImageView 
    android:id="@+id/imageView" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/version" 
    android:layout_centerHorizontal="true" 
    android:layout_marginTop="39dp" 
    android:adjustViewBounds="true" 
    android:src="@drawable/ic_launcher" /> 

<TextView 
    android:id="@+id/webLink" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/imageView" 
    android:layout_centerHorizontal="true" 
    android:layout_marginTop="28dp" 
    android:autoLink="web" 
    android:gravity="center" 
    android:padding="20px" 
    android:text="@string/www.emfitech.com" 
    android:textAppearance="?android:attr/textAppearanceSmall" 
    android:textColorLink="@color/colorPrimary" /> 

<TextView 
    android:id="@+id/copywright" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/webLink" 
    android:layout_centerHorizontal="true" 
    android:layout_marginTop="54dp" 
    android:text="@string/copyright" 
    android:textColor="@color/textColorPrimary" 
    android:textSize="14sp" /> 

<TextView 
    android:id="@+id/reserve" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/copywright" 
    android:layout_centerHorizontal="true" 
    android:layout_marginTop="22dp" 
    android:text="@string/all_rights" 
    android:textColor="@color/textColorPrimary" 
    android:textSize="10sp" /> 

+0

そうです! –

0

android:layout_centerInParent="true"を追加し、他の要素をアンカーします。

+0

イメージは水平にのみ中央に配置されません –

0

この場合、パフォーマンスが向上するように(これは必ずしも真実ではないと主張しています)、目標を達成するために、重力=中心でRelativeLayoutからLinearLayoutに切り替えます。

しかし、あなたはRelativeLayoutを維持したい場合は、最初のテキストビューでやったように、各要素が

android:layout_centerHorizontal="true" 

を指定する必要があります。 センタリングを達成する方法は、使用しているコンテナのレイアウトによって異なります。このレイアウト内のビューのタイプではありません。

関連する問題