安卓响应式布局

Question

我正在开发一个应用程序（计算器）。我使用包含按钮的表格布局。它在三星Galaxy II屏幕上看起来完美，但在更大的屏幕上看起来非常糟糕。按钮的高度非常小。我如何在更大的屏幕上拉伸按钮？

下面是布局XML：

<ScrollView xmlns:android="http://schemas.an
    xmlns:tools="http://schemas.android.com/
    android:layout_width="match_parent"     
    android:layout_height="match_parent"    
    android:gravity="right"                 
    android:paddingBottom="@dimen/activity_v
    android:paddingLeft="@dimen/activity_hor
    android:paddingRight="@dimen/activity_ho
    android:paddingTop="@dimen/activity_vert
    tools:context=".MainActivity" >         


<TableLayout                                
    android:layout_width="match_parent"     
    android:layout_height="match_parent"    
    android:gravity="right"                 
    >                                       



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

        <Button                             
            android:id="@+id/Button01"      
            android:layout_width="0dp"      
            android:layout_weight="0.33"    
            android:layout_height="fill_pare
            android:text="@string/button_1" 
            android:visibility="visible" /> 

        <Button                             
            android:id="@+id/Button02"      
            android:layout_width="0dp"      
            android:layout_weight="0.34"    
            android:layout_height="fill_pare
            android:text="@string/button_2" 

        <Button                             
            android:id="@+id/Button03"      
            android:layout_width="0dp"      
            android:layout_weight="0.33"    
            android:layout_height="fill_pare
            android:text="@string/button_3" 

    </TableRow>                             

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

    <Button                                 
        android:id="@+id/Button04"          
        android:layout_width="0dp"          
            android:layout_weight="0.33"    
        android:layout_height="fill_parent" 
        android:text="@string/button_4" />  

    <Button                                 
        android:id="@+id/Button05"          
        android:layout_width="0dp"          
        android:layout_weight="0.34"        
        android:layout_height="fill_parent" 
        android:text="@string/button_5" />  

    <Button                                 
        android:id="@+id/Button06"          
        android:layout_width="0dp"          
        android:layout_weight="0.33"        
        android:layout_height="fill_parent" 
        android:text="@string/button_6" />  

     </TableRow>                            

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

        <Button                             
            android:id="@+id/Button07"      
            android:layout_width="0dp"      
            android:layout_weight="0.33"    
            android:layout_height="fill_pare
            android:text="@string/button_7" 

        <Button                             
            android:id="@+id/Button08"      
            android:layout_width="0dp"      
            android:layout_weight="0.34"    
            android:layout_height="fill_pare
            android:text="@string/button_8" 

        <Button                             
            android:id="@+id/Button09"      
            android:layout_width="0dp"      
            android:layout_weight="0.33"    
            android:layout_height="fill_pare
            android:text="@string/button_9" 

    </TableRow>                             

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

        <Button                             
            android:id="@+id/ButtonUndo"    
            android:layout_width="0dp"      
            android:layout_weight="0.33"    
            android:layout_height="fill_pare
            android:text="@string/button_und

        <Button                             
            android:id="@+id/Button00"      
            android:layout_width="0dp"      
            android:layout_weight="0.34"    
            android:layout_height="fill_pare
            android:text="@string/button_0" 

        <Button                             
            android:id="@+id/ButtonCheck"   
            android:layout_width="0dp"      
            android:layout_weight="0.33"    
            android:layout_height="fill_pare
            android:text="@string/button_che

    </TableRow>                             

    <TableRow                               
        android:id="@+id/ResTable"          
        android:layout_width="match_parent" 
        android:layout_height="0dp" >       

        <TableLayout                        
            android:layout_weight="0.3"     
            android:id="@+id/table_score_cor

            <TableRow                           
                android:id="@+id/tableRow5_11"  
                android:layout_width="wrap_conte
                android:layout_height="fill_pare
                android:gravity="center_vertical
                    <TextView                     
                    android:id="@+id/labelCorrec
                    android:layout_width="wrap_c
                    android:layout_height="fill_
                    android:ems="4"             
                    android:text="@string/correc
                    android:gravity="center_vertic
                    android:textSize="15sp" />    
                </TableRow>                   

            <TableRow                           
                android:id="@+id/tableRow5_12"  
                android:layout_width="wrap_conte
                android:layout_height="0dp" >   

                <TextView                     
                    android:id="@+id/scoreCorr
                    android:layout_width="0dp"
                    android:layout_height="fil
                    android:ems="4"           
                    android:gravity="center_ve
                    android:text=""           
                    android:textSize="30sp"   
                    android:textStyle="bold" /
            </TableRow>                     
        </TableLayout>                      

        <ImageView                            
            android:id="@+id/imageView1"      
            android:layout_width="wrap_content
            android:layout_height="fill_parent
            android:layout_weight="0.3"       
            android:contentDescription="@strin
            android:fitsSystemWindows="true"  
            android:scaleType="fitCenter"     
            android:src="@drawable/trees" />  

        <TableLayout                        
            android:id="@+id/table_score_inc
            android:layout_weight="0.3">      

            <TableRow                       
                android:id="@+id/tableRow5_21"  
                android:layout_width="wrap_conte
                android:layout_height="fill_pare
                android:gravity="center_vertical
                <TextView                     
                    android:id="@+id/labelIncorrec
                    android:layout_width="wrap_con
                    android:layout_height="fill_pa
                    android:ems="4"             
                    android:text="@string/incorrec
                    android:gravity="center_vertic
                    android:textSize="15sp" />    
            </TableRow>                       
            <TableRow                           
                android:id="@+id/tableRow5_22"  
                android:layout_width="wrap_conte
                android:layout_height="fill_pare

                <TextView                     
                    android:id="@+id/scoreInco
                    android:layout_width="0dp"
                    android:layout_height="fil
                    android:ems="4"           
                    android:gravity="center_ve
                    android:text=""           
                    android:textSize="30sp"   
                    android:textStyle="bold" /
            </TableRow>                       
        </TableLayout>                        

        </TableRow>                           

        <TableRow                             
            android:id="@+id/tableRow_menu"   
            android:layout_width="wrap_content
            android:layout_height="fill_parent
            <Button                             
                android:id="@+id/ButtonPlus"    
                android:layout_width="0dp"    
                android:layout_height="38dp"
                android:layout_weight="0.25"  
                android:text="@string/action_p
            <Button                             
                android:id="@+id/ButtonMinus"   
                android:layout_width="0dp"    
                android:layout_height="38dp"
                android:layout_weight="0.25"  
                android:text="@string/action_m
            <Button                             
                android:id="@+id/ButtonMult"    
                android:layout_width="0dp"    
                android:layout_height="38dp"
                android:layout_weight="0.25"  
                android:text="@string/action_m
                        <Button                     
                android:id="@+id/ButtonDivide"  
                android:layout_width="0dp"    
                android:layout_height="38dp"
                android:layout_weight="0.25"  
                android:text="@string/action_d
            </TableRow>                         

            </TableLayout>                      

</ScrollView>                               

- Jacob

---

你应该阅读这个链接：http://developer.android.com/guide/practices/screens_support.html - Luc

Answer 1

总的来说，您需要创建不同的布局/可绘制对象支持所有屏幕。这取决于您的要求，例如，如果您想在小屏幕上包括2个按钮，在大屏幕上包括4个按钮，则明显需要创建不同的布局。

如果您想在所有屏幕上显示相同数量的按钮，则建议您准备不同的图像/可绘制对象并将它们包含在项目中。在这里，您无需做任何其他事情，只需将图像放置在特定的drawable文件夹中即可。

还有一件事，如果是纯背景，则可以创建9-patch图像，以便可以拉伸为您想要的任何大小或设备支持的大小。

更多研究：

1. https://developer.android.com/guide/practices/screens_support.html屏幕适配实践指南
2. 支持不同的屏幕尺寸
3. 支持不同的屏幕密度
4. 实现自适应UI流程

- Paresh Mayani

Answer 2

我建议您阅读这份文档：http://developer.android.com/guide/practices/screens_support.html，或者这篇文章："针对多屏幕设计" http://developer.android.com/training/multiscreen/index.html。

- M D