android將imageview和文本垂直對齊佈局的中心

我有一個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佈局的垂直中心中概述上述內容。

來源

2017-05-30 parker

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

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

您必須將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>

來源

2017-05-30 13:08:07

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

您將有兩個屬性在這種情況下，它的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" />

結果：

來源

2017-05-30 13:11:08

android將imageview和文本垂直對齊佈局的中心

回答

相關問題