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

Question

我有一个xml屏幕与三个孩子的线性布局垂直方向的父线性布局。第一个孩子包含一个图像视图，当运行该应用程序时，我无法查看任何图像。为什么？图像尺寸是否太大？如果是的话......如何扩展它？但是Image可以在我的设计选项卡中查看。的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:gravity="center_horizontal"到LinearLayout，以显示中心ImageView。

2.更新ImageView宽度android:layout_width="wrap_content"和删除属性android:layout_gravity="center"。使用

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> 

OUTPUT：

Answer 2

什么是这些参数的值梦诗？

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的imageView甚至父母的布局线性？

好心删除

你检查你正在使用中的ImageView背景图像的大小？如果大小大于图像可能会将你的视图的其余部分推出screen.try以给出固定的宽度和高度，假设两者都为100dp，并查看是否能够看到任何内容。

如果你想要做的ImageView中心ImagView视图

android:layout_gravity="center_horizontal" 

上面的代码行不会与ImageView的单独的线性布局工作水平使用。如果您是ImageView的要去使用不同的布局，无论如何，使用下面的代码行的LinearLayout

的Android里面：重力=“CENTER_HORIZONTAL”

注：对不起，我不能发表评论。

Answer 3

试试这个您的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" />