Question

我正在制作一个小部件，但我陷入了这个部分。小部件将显示电池电量，背景图像。问题是图像变得比原始尺寸小，并覆盖文本（电池电量）。

这里是布局代码：

<?xml version="1.0" encoding="UTF-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   android:id="@+id/relativeLayout1"  
   android:layout_width="wrap_content"  
   android:layout_height="wrap_content"  
   android:gravity="center" >  
           <LinearLayout   
             android:id="@+id/layout"  
             android:layout_width="wrap_content"  
             android:layout_height="wrap_content"  
             android:layout_centerHorizontal="true"  
             android:layout_centerVertical="true"  
             android:layout_margin="10dip"  
             android:gravity="center_vertical"  
             android:orientation="vertical"  
             android:paddingTop="0dip" >  

             <TextView
                 android:id="@+id/widget_text"
                 style="@android:style/TextAppearance.Medium"
                 android:layout_width="100sp"
                 android:layout_height="0sp"
                 android:layout_gravity="center_vertical"
                 android:layout_weight="1"
                 android:gravity="center_horizontal|center_vertical"
                 android:text="@string/battery_level"
                 android:textColor="#000000"
                 android:textSize="24sp" />

           </LinearLayout>

           <LinearLayout
               android:layout_width="fill_parent" 
               android:layout_height="wrap_content"
               android:gravity="center_vertical|center_horizontal"
               android:layout_marginLeft="10dip"
               android:layout_marginRight="10dip"
               android:layout_marginTop="10dip"
               android:layout_marginBottom="5dip"
               android:layout_weight="100">

               <ImageView
                   android:id="@+id/imageView1"
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:layout_weight="50"
                   android:adjustViewBounds="true"
                   android:contentDescription="@string/content"
                   android:paddingRight="5dip"
                   android:scaleType="fitXY"
                   android:src="@drawable/widget_base" />

               </LinearLayout>

 </RelativeLayout>

关于我如何解决它的任何想法？

Answer 1

首先，您应该在第二个LinearLayout之后移动第一个LinearLayout（包括TextView）以将文本放在前面。此外，您的设计也存在一些错误，最好添加一张关于您想要的完整图片。无论如何你可以使用它; - ）

<?xml version="1.0" encoding="UTF-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/relativeLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center" >

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="64dip"
            android:layout_height="24dip"
            android:adjustViewBounds="true"
            android:scaleType="fitXY"
            android:src="@drawable/widget_base" />

        <TextView
            android:id="@+id/widget_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@id/imageView1"
            android:layout_centerVertical="true"
            android:text="@string/battery_level"
            android:textColor="#000000"
            android:textSize="24dip" />
    </RelativeLayout>

</RelativeLayout>

使用大约128x48像素的图片，例如this

Android图片调整大小错误

1 个答案: