如何将图像置于线性布局中心?

时间:2017-05-02 15:05:00

标签: android xml android-imageview image-scaling

我有一个xml屏幕,在垂直方向的父线性布局中有三个子线性布局。第一个孩子包含图像视图,在运行应用程序时,我无法查看任何图像。为什么?图像尺寸太大了?如果是这样..如何扩大规模?但是在我的设计选项卡中可以查看图像。 android stdudio。下面是我的xml文件的完整代码。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_sign_up"
    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="com.example.root.my_laoder.SignUp"
    android:orientation="vertical">

    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

       <ImageView
       android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:adjustViewBounds="true"
    android:scaleType="centerInside"
    android:src="@drawable/ty"
       />

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:orientation="vertical"
        android:paddingTop="50dp"


        >


        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="textEmailAddress"

           />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="textPassword"

            />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="number"

            />
    </LinearLayout>

    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingTop="50dp"
        >

    <Button
        android:text="Button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"/>

    <Button
        android:text="Button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"

        />

</LinearLayout>


</LinearLayout>

4 个答案:

答案 0 :(得分:3)

1。将属性android:gravity="center_horizontal"添加到LinearLayout,以便在中心显示ImageView

2。ImageView宽度更新为android:layout_width="wrap_content"并移除属性android:layout_gravity="center"

3。使用android:scaleType="fitXY"代替android:scaleType="centerInside"

试试这个:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_sign_up"
    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"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:scaleType="fitXY"
            android:src="@drawable/ty" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:orientation="vertical"
        android:paddingTop="50dp">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="textEmailAddress" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="textPassword" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="number" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingTop="50dp">

        <Button
            android:text="Button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0.5" />

        <Button
            android:text="Button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0.5" />

    </LinearLayout>
</LinearLayout>

<强>输出:

enter image description here

答案 1 :(得分:0)

这些参数的尺寸值是什么?

android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"

以及为什么你使用单独的linearlayout for imageView,即使父布局是线性的?

请删除

您是否在ImageView中检查了用作背景的图像大小?如果尺寸大于可能图像将你的其余视图推出屏幕。为了给出固定的宽度和高度,我们可以说100dp,看看你是否能够看到任何东西。

如果你想在ImagView视图中水平使用imageView中心

android:layout_gravity="center_horizontal"

上面的代码行不适用于ImageView的单独线性布局。如果你要为ImageView使用单独的布局,请在linearlayout

中使用下面的代码行

机器人:比重=&#34; CENTER_HORIZONTAL&#34;

注意:抱歉,我无法发表评论。

答案 2 :(得分:0)

尝试使用ImageView:

<ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:adjustViewBounds="true"
            android:scaleType="centerInside"
            android:src="@android:drawable/btn_minus" />

答案 3 :(得分:0)

我认为您错过了ImageView的scaleType,请按照以下步骤使图像居中

 1. Add attribute android:layout_gravity="center_horizontal" to show ImageView in center.

 2. Set ImageView layout_width="match_parent" and 
 layout_height="@dimen/fixed_height"
 ==> height will be fixed but width will automatically adjust 
 according to device size

 3. and set scaleType="fitEnd" or scaleType="fitCenter"
 ==> fitEnd is ( Scale the image from the end of the container ) and 
 possible to have space on top
 if image is different each time.
 ==> fitCenter is (Scale the image from center) and possibility to 
 have space in top and bottom

    Example:
    <ImageView
        android:id="@+id/cover_image"
        android:layout_width="match_parent"
        android:layout_height="@dimen/fixed_height"
        android:layout_gravity="center_horizontal"
        android:scaleType="fitEnd" />