ImageView在线性布局下变得非常小

时间:2014-06-08 10:59:16

标签: android android-layout imageview android-linearlayout

在我的一个屏幕中,我希望能够实现这种布局 What I want

正确缩放图像的最重要性。我给出的这些图像具有足够的分辨率,并且在另一个片段布局上工作正常。 我的layout.xml看起来像这样

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/stadiumbg"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="@drawable/listview_item"
        android:orientation="horizontal" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="left"
            android:orientation="vertical" >

            <ImageView
                android:id="@+id/image1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="5dp"
                android:adjustViewBounds="true"
                android:padding="5dp"
                android:scaleType="fitCenter" />

            <TextView
                android:id="@+id/title1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceMedium" />
        </LinearLayout>
        <TextView
            android:id="@+id/text1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="70%"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <TextView
            android:id="@+id/text2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="80%"
            android:textAppearance="?android:attr/textAppearanceLarge" />
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="right"
            android:orientation="vertical" >

            <ImageView
                android:id="@+id/image2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="5dp"
                android:adjustViewBounds="true"
                android:padding="5dp"
                android:scaleType="fitCenter" />

            <TextView
                android:id="@+id/title2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceMedium" />
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/listview_item"
        android:orientation="vertical" >

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Vote" />

        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Down Vote" />
    </LinearLayout>

</LinearLayout>

其他一切都很棒。可绘制的listview_item已被赋予提供圆角的东西,并在列表视图中使用上述图像进行测试。非常好。 但在这种布局中,两个图像都得到了超级缩小。就是这样。

enter image description here

无缘无故地浪费所有空间。 我尝试过的: adjustViewBounds设置为false Scaletype为fitXY

想要得到我想要的东西吗?

1 个答案:

答案 0 :(得分:1)

更改ImageView的宽度和高度。而不是:

android:layout_width="wrap_content"
android:layout_height="wrap_content" 

使用:

android:layout_width="200dp"
android:layout_height="200dp"

更改数字以符合您的要求。