Android 4x2 小部件

Question

查看 Facebook 小部件时，我意识到它是一个 4x2 单元格，这不是标准尺寸之一。我试图重新创建一个这种大小的小部件(320x200 或 294x146 像素)，但是该小部件在所有设备上看起来都不好。小部件布局是:

<?xml version="1.0" encoding="utf-8"?>
<!--  Portrait -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"
    android:id="@+id/widget"
    android:background="@drawable/widget_bg"
    >

        <TextView android:id="@+id/widget_title"
            android:layout_width="fill_parent" 
            android:layout_height="60dip"
            android:layout_marginTop="1dip"
            android:textSize="20.0sp"
            android:maxLines="3"
            android:textColor="#000"
            android:textStyle="bold" 
            android:gravity="center"
            android:layout_marginLeft="10dip"
            android:layout_marginRight="10dip"
            android:layout_centerHorizontal="true"
            android:layout_alignParentTop="true"
            android:ellipsize="end"
             />

            <ImageView android:id="@+id/widget_thumb"
            android:layout_width="304dip" 
            android:layout_height="90dip"
            android:layout_alignParentLeft="true"
            android:layout_marginLeft="7dip"
            android:src="@drawable/thumb_placeholder_large"
            android:adjustViewBounds="true"
            android:layout_below="@+id/widget_title"
            android:background="#000"
            />

    <!--  previous button -->
    <Button 
        android:id="@+id/widget_previous"
        android:layout_height="wrap_content" 
        android:layout_width="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="5dp"
        android:layout_marginBottom="35dp"
        android:layout_alignParentBottom="true"
        android:background="@drawable/left_button"/>

    <!--  Next Button -->
    <Button
        android:id="@+id/widget_next"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginRight="5dp"
        android:layout_marginBottom="35dp"
        android:layout_alignParentBottom="true"
        android:background="@drawable/right_button"  />


    <!-- Indicator -->

    <LinearLayout 
        android:id="@+id/widget_progressbar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="33dp"
        android:layout_marginRight="50dp"
        android:layout_alignParentBottom="true">

        <!--  ProgressBar throws exception when it's set invisible from RemoteViews use a layout wrapper instead -->
        <ProgressBar
            android:layout_width="15dp" 
            android:layout_height="15dp">
        </ProgressBar>
    </LinearLayout>

</RelativeLayout>

在摩托罗拉 Droid 上，此布局适合，但在其他设备上，ImageView 位于下方。感谢您提供任何帮助/建议。

drawable_bg.png 是 294x146px。

• 桑迪普

Answer 1

小部件的实际大小取决于

• 设备的显示分辨率(像素)
• 使用过的家庭应用(它们有不同的通知栏和底栏)
• Android操作系统版本(不同版本也有不同的家庭应用程序)

所以最好让你的布局“fill_parent”和你的背景图像“ninepatch”图像。 还针对不同的显示分辨率 (dpi) 使用不同的背景图像，使背景图像看起来更完美。