2017-05-30 143 views
0

我有一個xml佈局,帶有一個imageview和一個linearlayout中的文本。在顯示視圖時,圖像視圖和文本放置在垂直佈局上,但在屏幕左側顯示,文本視圖的一些文本被截斷。這是片段android將imageview和文本垂直對齊佈局的中心

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="5dp" 
    android:background="@drawable/grid_color_selector" 
    android:orientation="vertical" 
    android:padding="5dp"> 
    <!--view active Mechanics--> 
    <ImageView 
     android:id="@+id/imageCon" 
     android:layout_width="100dp" 
     android:layout_height="100dp" 
     android:src="@drawable/imgcon_2" /> 

    <TextView 
     android:id="@+id/text1" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="5dp" 
     android:gravity="center" 
     android:text="Active Mechanics" 
     android:textSize="12sp" /> 

     <!--view scheduled Mechanics--> 
    <ImageView 
     android:id="@+id/imageCon2" 
     android:layout_width="100dp" 
     android:layout_height="100dp" 
     android:src="@drawable/imgcon_1" /> 

    <TextView 
     android:id="@+id/text2" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="5dp" 
     android:gravity="center" 
     android:text="Scheduled Mechanics" 
     android:textSize="12sp" /> 

    <!--view completed Mechanics--> 
    <ImageView 
     android:id="@+id/imageCon3" 
     android:layout_width="100dp" 
     android:layout_height="100dp" 
     android:src="@drawable/imgcon_3" /> 

    <TextView 
     android:id="@+id/text3" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="5dp" 
     android:gravity="center" 
     android:text="Completed Mechanics" 
     android:textSize="12sp" /> 

</LinearLayout> 

請如何在xml佈局的垂直中心中概述上述內容。

+1

嘗試向LinearLayout添加'android:gravity =「center_vertical」' – Firerazzer

+0

將根佈局高度寬度更改爲match_parent並設置根佈局android:gravity =「center_vertical」垂直居中顯示所有視圖或android:gravity =「center_horizo​​ntal 「以水平居中或android:gravity =」中心「爲開頭 – Pavan

回答

1

您必須將LinearLayout中的寬度更改爲match_parent,並將android:layout_gravity添加到所有ImageView's的中心。試試這個代碼:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="5dp" 
    android:background="@drawable/grid_color_selector" 
    android:orientation="vertical" 
    android:padding="5dp"> 
    <!--view active Mechanics--> 
    <ImageView 
     android:layout_gravity="center" 
     android:id="@+id/imageCon" 
     android:layout_width="100dp" 
     android:layout_height="100dp" 
     android:src="@drawable/imgcon_2" /> 

    <TextView 
     android:id="@+id/text1" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="5dp" 
     android:gravity="center" 
     android:text="Active Mechanics" 
     android:textSize="12sp" /> 

    <!--view scheduled Mechanics--> 
    <ImageView 
     android:layout_gravity="center" 
     android:id="@+id/imageCon2" 
     android:layout_width="100dp" 
     android:layout_height="100dp" 
     android:src="@drawable/imgcon_1" /> 

    <TextView 
     android:id="@+id/text2" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="5dp" 
     android:gravity="center" 
     android:text="Scheduled Mechanics" 
     android:textSize="12sp" /> 

    <!--view completed Mechanics--> 
    <ImageView 
     android:layout_gravity="center" 
     android:id="@+id/imageCon3" 
     android:layout_width="100dp" 
     android:layout_height="100dp" 
     android:src="@drawable/imgcon_3" /> 

    <TextView 
     android:id="@+id/text3" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="5dp" 
     android:gravity="center" 
     android:text="Completed Mechanics" 
     android:textSize="12sp" /> 

</LinearLayout> 
+0

這個問題做了什麼來得到downvote.Please upvote it。謝謝 – parker

1

您將有兩個屬性在這種情況下,它的LinearLayout添加到您的根佈局。

機器人:layout_width = 「match_parent」

機器人:比重= 「中心」

實施例:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="5dp" 
      android:background="@drawable/grid_color_selector" 
      android:orientation="vertical" 
      android:gravity="center" 
      android:padding="5dp"> 
<!--view active Mechanics--> 
<ImageView 
    android:id="@+id/imageCon" 
    android:layout_width="100dp" 
    android:layout_height="100dp" 
    android:src="@drawable/imgcon_2" /> 

<TextView 
    android:id="@+id/text1" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="5dp" 
    android:gravity="center" 
    android:text="Active Mechanics" 
    android:textSize="12sp" /> 

<!--view scheduled Mechanics--> 
<ImageView 
    android:id="@+id/imageCon2" 
    android:layout_width="100dp" 
    android:layout_height="100dp" 
    android:src="@drawable/imgcon_1" /> 

<TextView 
    android:id="@+id/text2" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="5dp" 
    android:gravity="center" 
    android:text="Scheduled Mechanics" 
    android:textSize="12sp" /> 

<!--view completed Mechanics--> 
<ImageView 
    android:id="@+id/imageCon3" 
    android:layout_width="100dp" 
    android:layout_height="100dp" 
    android:src="@drawable/imgcon_3" /> 

<TextView 
    android:id="@+id/text3" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="5dp" 
    android:gravity="center" 
    android:text="Completed Mechanics" 
    android:textSize="12sp" /> 

結果:

Preview