3

我目前正在开发一个包含图像视图的 Android 小部件。小部件应该是可调整大小的。

图像应该填充小部件的整个宽度（这是最简单的部分），并且应该填充小部件高度的 30%，同时尊重最大高度 80dip（这是我无法弄清楚的）。

在以下布局中，图像正确缩放到宽度，但不缩放到高度：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/widget"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="@dimen/widget_margin">

        <ImageView
            android:id="@+id/promoShelf"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/shelf"
            android:scaleType="fitXY"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true" />

</RelativeLayout>

我尝试使用带权重的 LinearLayout 来完成此操作，可以在以下代码段中看到。但是，当使用权重时，它看起来android:maxHeight不受尊重。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/widget"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="@dimen/widget_margin">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="bottom"
        android:orientation="vertical"
        android:weight_sum="1">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="0dip"
            android:maxHeight="80dip"
            android:src="@drawable/my_image"
            android:scaleType="fitXY"
            android:layout_weight="0.3" />

    </LinearLayout>
</RelativeLayout>

所以，这是（不想要的）结果：

为什么maxHeight不工作或有人知道如何规避这个问题？

4

3 回答 3

3

我不确定是否有一个只使用标准组件的好的解决方案。但是可以使用自定义ImageView小部件轻松完成。

public class MyImageView extends ImageView {
    private float weight = 0.3f;
    private int maxHeight;

    public MyImageView(Context context, AttributeSet attrs) {
        super(context, attrs);

        if (attrs != null) {
            final int[] ids = {android.R.attr.maxHeight};
            final TypedArray array = context.obtainStyledAttributes(attrs, ids);

            if (array != null) {
                maxHeight = array.getDimensionPixelSize(0, 0);
                array.recycle();
            }
        }
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        if (maxHeight > 0) {
            final int height = MeasureSpec.getSize(heightMeasureSpec);
            final int result = Math.min(Math.round(height * weight), maxHeight);

            heightMeasureSpec = MeasureSpec.makeMeasureSpec(result, MeasureSpec.EXACTLY);
        }

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

然后在您的布局中：

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#0f0">

    <com.example.MyImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentBottom="true"
        android:background="#f00"
        android:maxHeight="80dip"/>

</RelativeLayout>
于 2013-02-27T18:09:47.123 回答
2

我不确定这是否可行，但试试这个：

把它包ImageView在一个容器里。让容器为 30%LinearLayout的高度。ImageView附在bottom容器上，并且最大ImageView高度为80dp：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/widget"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="@dimen/widget_margin">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="bottom"
        android:orientation="vertical" >

        <View
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="0.7" />

        <FrameLayout 
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="0.3" >
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom"
                android:maxHeight="80dip"
                android:src="@drawable/my_image"
                android:scaleType="fitXY"
               />
        </FrameLayout>

    </LinearLayout>
</RelativeLayout>
于 2013-02-27T17:50:50.000 回答
0

嘿，我知道这不是一个很好的解决方案，但这是我目前唯一想到的解决方案：P

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/widget"
android:layout_width="fill_parent"
android:layout_height="fill_parent">

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="bottom"
    android:orientation="vertical"
    android:weight_sum="1">
 <View android:layout_width="fill_parent"
android:layout_height="0dip"
android:layout_weight="0.7"
android:background="#000000"/>
    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="0dip"
        android:maxHeight="80dip"
        android:src="@drawable/ic_action_search"
        android:scaleType="fitXY"
        android:background="#800000"
        android:layout_weight="0.3" />

  </LinearLayout>
 </RelativeLayout>
于 2013-02-27T17:32:22.953 回答