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布局的垂直中心中概述上述内容。

尝试向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>

这个问题做了什么来得到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" />

结果：

android将imageview和文本垂直对齐布局的中心

相关推荐