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