如何在线性布局中居中适合图像？

Question

我有一个 xml 屏幕，在垂直方向的 parent 线性布局中具有三个 children 线性布局。首先 child 包含图像视图，当运行应用程序时我无法查看任何图像。为什么？图片大小是不是太大了？？如果是这样..如何扩展它？但是图像可以在我的设计选项卡中查看。 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>

Answer 1

这些参数的维度值是多少？

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

以及为什么即使父布局为线性，您也为 imageView 使用单独的线性布局？

请删除

您是否检查过在 ImageView 中用作背景的图像的大小？如果尺寸大于可能图像将您的其余视图推出 screen.try 以提供固定的宽度和高度，让我们假设两者均为 100dp，看看您是否能够看到任何东西。

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

android:layout_gravity="center_horizontal"

以上代码行不适用于 ImageView 的单独线性布局。如果您无论如何都要为 ImageView 使用单独的布局，请在该 linearlayout

中使用下面的代码行

android:重力="center_horizontal"

注意：抱歉，我无法发表评论。

Answer 2

为您的 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" />

Answer 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>

输出：

Answer 4

我想你错过了 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" />

如何在线性布局中居中适合图像？

How to center fit image in linear layout?

xml

android

image-scaling

android-imageview