爲什麼不同的android版本顯示不同的GUI？

Question

請看看下面的代碼

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/tableLayout1" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#FFF" 
    android:gravity="right" 
    android:padding="5dp" 
    android:paddingBottom="5dp" 
    android:stretchColumns="1,2,3" 
    tools:context=".MainActivity" > 

    <TableRow 
     android:id="@+id/tableRow0" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" > 

     <TextView 
      android:id="@+id/billTextView" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="right" 
      android:padding="5dp" 
      android:text="@string/billTextView" 
      android:textColor="#000" /> 

     <EditText 
      android:id="@+id/billEditText" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_span="3" 
      android:layout_weight="1" 
      android:inputType="numberDecimal" 
      android:longClickable="false" > 

      <requestFocus /> 
     </EditText> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" > 

     <TextView 
      android:id="@+id/tenTextView" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="1" 
      android:layout_weight="1" 
      android:gravity="center" 
      android:text="10%" 
      android:textColor="#000" /> 

     <TextView 
      android:id="@+id/fifteenTextView" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:gravity="center" 
      android:text="15%" 
      android:textColor="#000" /> 

     <TextView 
      android:id="@+id/twentyTextView" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:gravity="center" 
      android:text="20%" 
      android:textColor="#000" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow2" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" > 

     <TextView 
      android:id="@+id/tipTextView" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="right" 
      android:padding="5dp" 
      android:text="@string/tipTxtView" 
      android:textColor="#000" /> 

     <EditText 
      android:id="@+id/tip10EditText" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:cursorVisible="false" 
      android:focusable="false" 
      android:gravity="center" 
      android:longClickable="false" 
      android:textSize="14sp" /> 

     <EditText 
      android:id="@+id/tip15EditText" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:cursorVisible="false" 
      android:focusable="false" 
      android:gravity="center" 
      android:longClickable="false" 
      android:textSize="14sp" /> 

     <EditText 
      android:id="@+id/tip20EditText" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:cursorVisible="false" 
      android:focusable="false" 
      android:gravity="center" 
      android:longClickable="false" 
      android:textSize="14sp" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow3" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" > 

     <TextView 
      android:id="@+id/totalTextView" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="right" 
      android:padding="5dp" 
      android:text="@string/totalTextView" 
      android:textColor="#000" /> 

     <EditText 
      android:id="@+id/total10EditText" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:cursorVisible="false" 
      android:focusable="false" 
      android:gravity="center" 
      android:longClickable="false" 
      android:textSize="14sp" /> 

     <EditText 
      android:id="@+id/total15EditText" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:cursorVisible="false" 
      android:focusable="false" 
      android:gravity="center" 
      android:longClickable="false" 
      android:textSize="14sp" /> 

     <EditText 
      android:id="@+id/total20EditText" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:cursorVisible="false" 
      android:focusable="false" 
      android:gravity="center" 
      android:longClickable="false" 
      android:textSize="14sp" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow4" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" > 

     <TextView 
      android:id="@+id/customTextView" 
      android:layout_width="wrap_content" 
      android:layout_height="match_parent" 
      android:gravity="right|center_vertical" 
      android:padding="5dp" 
      android:text="@string/customTextView" 
      android:textColor="#000" /> 

     <SeekBar 
      android:id="@+id/customSeekBar" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_span="2" 
      android:layout_weight="1" 
      android:focusable="false" 
      android:paddingLeft="8dp" 
      android:paddingRight="8dp" 
      android:progress="18" /> 

     <TextView 
      android:id="@+id/customTipTextView" 
      android:layout_width="wrap_content" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:gravity="center_vertical" 
      android:paddingLeft="5dp" 
      android:text="a" 
      android:textColor="#000" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow5" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" > 

     <TextView 
      android:id="@+id/tipCustomTextView" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="right" 
      android:padding="5dp" 
      android:text="@string/tipCustomTextView" 
      android:textColor="#000" /> 

     <EditText 
      android:id="@+id/tipCustomEditText" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:cursorVisible="false" 
      android:focusable="false" 
      android:gravity="center" 
      android:longClickable="false" 
      android:textSize="14sp" /> 

     <TextView 
      android:id="@+id/totalCustomTextView" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:gravity="center|right" 
      android:padding="5dp" 
      android:text="@string/totalCustomTextView" 
      android:textColor="#000" /> 

     <EditText 
      android:id="@+id/totalCustomEditText" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:cursorVisible="false" 
      android:focusable="false" 
      android:gravity="center" 
      android:longClickable="false" 
      android:textSize="14sp" /> 
    </TableRow> 

</TableLayout> 

該項目採用了Android 3.2版本創建的。

這是它是如何被顯示的Galaxy Nexus，它被設置爲Android版本2.3.3

這是它是如何被顯示的Galaxy Nexus，它被設置到Android 3.2版本

正如您所看到的那樣，在新版本的GUI中，GUI有點不高興。看起來組件是重疊的。這就是爲什麼它不顯示組件的邊界。請幫忙！

Answer 1

是的，這是正常的。 Android的視覺外觀已經被Android 4.0大大拋光。它與你的代碼直接無關。 Android會自動執行此操作。

如果您希望所有用戶都能看到舊式樣，則可以在清單文件的<uses-sdk>標記內設置targetVersion。但是，我勸你不要這樣做。