在同一組屏幕上佈局不同

Question

我正在開發一個面向所有Android版本的所有屏幕的UI。 現在，我正在測試的兩個設備，索尼實驗Neo v有規格： 480 x 854像素，3.7英寸（〜265 ppi像素密度）Android操作系統 - 2.3.4, 和其他設備HTC Desire X具有規格的雙SIM卡： 480×800像素，4.0英寸（〜233ppi像素密度）Android Os- 4.1.1。

的問題在這裏是，無論是設備，按我的理解，是普通屏和華電國際， 他們都是從相同的佈局文件夾太採摘的，但用戶界面大大不同，這兩種設備上。 HTC正在按預期呈現，但索尼Experia上的UI是一場災難。 我面臨的主要問題是eclipse預覽屏幕中的UI外觀與HTC相同，但是Sony體驗似乎不能很好地呈現它。

其他點，我注意到當我運行模擬器的配置： 3.7 FWVGA 480 * 854：hdpi android-2.3.4，它與索尼Experia配置完全相同，也呈現完全像索尼但是隻要我將emuator編輯爲andrdoid 4.1.1 3.7 FWVGA 480 * 854：hdpi，它就會按照預期開始顯示。 所以，我在這裏有點困惑，Ui顯示器取決於Android Os版本嗎？

以下是我佈局代碼：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 

    <LinearLayout 
     android:id="@+id/linear_button" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 

     android:weightSum="3" 
     android:gravity="center" > 

     <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 

     android:weightSum="3" 
     android:gravity="center" 
     android:baselineAligned="false"> 

     <FrameLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:layout_marginTop="4dp" 
      android:layout_marginBottom="8dp"> 

      <Button 
       android:id="@+id/availbtn" 
       android:layout_width="102dp" 
       android:layout_height="33dip" 
       android:background="@drawable/badge_button_selected" 
       android:text="Available" 

       android:layout_marginTop="13dp" 
       android:textColor="#000000" 
       android:textAppearance="@android:style/TextAppearance.Small"/> 

      <TextView 
       android:id="@+id/txt_avail_coupon_count" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginRight="2dp" 
       android:layout_gravity="top|right" 
       android:background="@drawable/badge_circle_selected" 
       android:text="07" 
       android:textColor="#FFF" 
       android:textSize="12sp" 
       android:textStyle="bold" /> 
     </FrameLayout> 

     <FrameLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:layout_marginTop="4dp" 
      android:layout_marginBottom="8dp" > 

      <Button 
       android:id="@+id/usedbtn" 
       android:layout_width="102dp" 
       android:layout_height="33dip" 
       android:background="@drawable/badge_button_nselected" 
       android:text="Used" 
       android:textAppearance="@android:style/TextAppearance.Small" 
       android:layout_marginTop="13dp" 
       android:textColor="#000000" /> 

      <TextView 
       android:id="@+id/txt_used_coupon_count" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginRight="2dp" 
       android:layout_gravity="top|right" 
       android:background="@drawable/badge_circle_nselected" 
       android:text="10" 
       android:textColor="#FFF" 
       android:textSize="12sp" 
       android:textStyle="bold" /> 
     </FrameLayout> 

     <FrameLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:layout_marginTop="4dp" 
      android:layout_marginBottom="8dp"> 

      <Button 
       android:id="@+id/expirebtn" 
       android:layout_width="102dp" 
       android:layout_height="33dip" 
       android:background="@drawable/badge_button_nselected" 
       android:text="Expired" 
       android:textAppearance="@android:style/TextAppearance.Small" 
       android:layout_marginTop="13dp" 
       android:textColor="#000000" /> 

      <TextView 
       android:id="@+id/txt_expired_coupon_count" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginRight="2dp" 
       android:layout_gravity="top|right" 
       android:background="@drawable/badge_circle_nselected" 
       android:text="01" 
       android:textColor="#FFF" 
       android:textSize="12sp" 
       android:textStyle="bold" /> 
     </FrameLayout> 


     </LinearLayout> 
    </LinearLayout> 

    <View 
     android:id="@+id/divider" 
     android:layout_width="fill_parent" 
     android:layout_height="5dip" 
     android:layout_below="@+id/linear_button" 
     android:background="@android:color/darker_gray" /> 

    <ListView 
     android:id="@+id/coupons_listview" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_below="@+id/divider" > 
    </ListView> 

</RelativeLayout> 

以下是UI的屏幕截圖爲3.7英寸FWVGA 480 * 854：華電國際對Android的2.3.4和3.7 FWVGA 480 * 854：華電國際於Android 4.1 0.1分別爲：

Answer 1

// try this way,hope this will help you... 

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical"> 

    <LinearLayout 
     android:id="@+id/linear_button" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal"> 


      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:layout_marginTop="4dp" 
       android:layout_marginBottom="8dp"> 

       <Button 
        android:id="@+id/availbtn" 
        android:layout_width="102dp" 
        android:layout_height="33dp" 
        android:background="@drawable/badge_button_selected" 
        android:text="Available" 
        android:layout_marginTop="13dp" 
        android:textColor="#000000" 
        android:textAppearance="@android:style/TextAppearance.Small"/> 

       <TextView 
        android:id="@+id/txt_avail_coupon_count" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_marginRight="2dp" 
        android:layout_gravity="top|right" 
        android:background="@drawable/badge_circle_selected" 
        android:text="07" 
        android:textColor="#FFF" 
        android:textSize="12sp" 
        android:textStyle="bold" /> 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:layout_marginTop="4dp" 
       android:layout_marginBottom="8dp" > 

       <Button 
        android:id="@+id/usedbtn" 
        android:layout_width="102dp" 
        android:layout_height="33dp" 
        android:background="@drawable/badge_button_nselected" 
        android:text="Used" 
        android:textAppearance="@android:style/TextAppearance.Small" 
        android:layout_marginTop="13dp" 
        android:textColor="#000000" /> 

       <TextView 
        android:id="@+id/txt_used_coupon_count" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_marginRight="2dp" 
        android:layout_gravity="top|right" 
        android:background="@drawable/badge_circle_nselected" 
        android:text="10" 
        android:textColor="#FFF" 
        android:textSize="12sp" 
        android:textStyle="bold" /> 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:layout_marginTop="4dp" 
       android:layout_marginBottom="8dp"> 

       <Button 
        android:id="@+id/expirebtn" 
        android:layout_width="102dp" 
        android:layout_height="33dp" 
        android:background="@drawable/badge_button_nselected" 
        android:text="Expired" 
        android:textAppearance="@android:style/TextAppearance.Small" 
        android:layout_marginTop="13dp" 
        android:textColor="#000000" /> 

       <TextView 
        android:id="@+id/txt_expired_coupon_count" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_marginRight="2dp" 
        android:layout_gravity="top|right" 
        android:background="@drawable/badge_circle_nselected" 
        android:text="01" 
        android:textColor="#FFF" 
        android:textSize="12sp" 
        android:textStyle="bold" /> 
      </LinearLayout> 


    </LinearLayout> 

    <View 
     android:id="@+id/divider" 
     android:layout_width="match_parent" 
     android:layout_height="5dp" 
     android:background="@android:color/darker_gray" /> 

    <ListView 
     android:id="@+id/coupons_listview" 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1"> 
    </ListView> 

</LinearLayout>