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之后移动第一个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