Android图像调整大小错误

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(包括 TextView)移到第二个 LinearLayout 之后，以使文本位于最前面。您的设计中也存在一些错误，最好添加有关您想要的内容的完整图片。无论如何你都可以使用它 ;-)

<?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