所有設備的常見用戶界面無論大小

Question

我的應用程序在手機上工作正常，但是當我將它運行到TAB時，界面變得太小。但我希望UI的大小與設備的大小有關。我需要在清單.Whats添加任何東西錯了，我doing.Here是我的XML

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:orientation="vertical"> 

<TextView 
    android:id="@+id/textView1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Select The Game Level" /> 

<Button 
    android:id="@+id/button1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Level1" /> 

<Button 
    android:id="@+id/button2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="level2" /> 

<Button 
    android:id="@+id/button3" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="level3" /> 
</LinearLayout> 
Handset UI appearence 

Tablet UI appearence 

Answer 1

讓我們嘗試和探索這裏的推定：

1. 您的按鈕大小設置爲「wrap_content」。這意味着它取決於它所包裝文本的大小。

2. 您希望您的按鈕根據顯示應用的屏幕的可視大小更改視覺大小。

3. 因此：你基本上期望字體大小根據你的設備的屏幕而改變。

我不覺得這是實現你想要的正確方法。有幾個工具可以幫助你在這裏，讓我們來看看一：權重屬性：What does android:layout_weight mean?

這裏是按鈕的排列，這將看任何屏幕上視覺上相似的例子（強調的是「相似」在這裏但這是你想要什麼來實現）：

<LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" > 

     <Button 
      android:id="@+id/btnMainMenuTestUSB" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:text="Button1" /> 

     <Button 
      android:id="@+id/btnMainMenuSetLocationNew" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:text="Button2" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" > 

     <Button 
      android:id="@+id/btnLineOfSight" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:text="Button3" /> 

       <Button 
      android:id="@+id/btnTargetScreen" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:text="Button4" /> 
    </LinearLayout>