我如何制作可在平板电脑和手机中使用的布局？

Question

我使用模拟器大小的平板电脑布局从xml制作了布局。但是，当在Android手机设备上的相同布局打开，然后每件事情扭曲，所以我可以做一个XML设计，可以在设备手机和平板电脑也很好地工作。请建议我，感谢您的回答。

Answer 1

让你的资源如此。

RES /布局/ my_layout.xml //布局正常屏幕尺寸（ “默认”）

RES /布局小/ my_layout.xml //布局小屏幕尺寸

RES /布局大/ my_layout.xml //布局大尺寸屏幕

RES /布局XLARGE/my_layout.xml //布局超大屏幕SI泽

RES /布局XLARGE土地/ my_layout.xml //在横向布局特大型

RES /绘制-MDPI/my_icon.png //位图中密度

RES /抽拉-HDPI/my_icon.png //位图用于高密度

RES /抽拉-xhdpi/my_icon.png //位图超高窝点ity

欲了解更多reference。 reference1。

在你的manifest.xml添加此

<supports-screens 
      android:smallScreens="true" 
      android:normalScreens="true" 
      android:largeScreens= "true" 
      android:anyDensity="true" 
    /> 

希望这会帮助你。

Answer 2

您可以为您的手机和选项卡创建两个单独的布局。你需要做的是为手机创建一个带有“文件名”的布局文件，并通过右键单击项目并选择新的> android xml布局文件>然后输入“文件名”来创建一个布局文件，然后单击下一步并选择大小从右窗格并从下拉列表中选择x-large。您的标签布局文件是分开创建的，因此可以分别定制您的布局。

Answer 3

使用表格和权重可以在平板电脑上创建相同或类似的宽高比。我只会创建不同的布局作为最后的手段。

<TableRow 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:layout_weight=".33" > 
      //Note: You will need some other TableRows fill in the difference of this Table Row..2 more of the same will equal 1. 
     <TextView 
      android:id="@+id/x" 
      android:layout_width="wrap_content" 
      android:layout_height="fill_parent" 
      android:layout_marginLeft="3dp" 
      android:layout_weight=".33" 
      android:background="@drawable/buttonx" 
      android:gravity="center" 
      android:text="Words" 
      android:textColor="#ffffff" 
      android:textSize="16sp" 
      android:textStyle="bold" /> 

     <TextView 
      android:id="@+id/x2" 
      android:layout_width="wrap_content" 
      android:layout_height="fill_parent" 
      android:layout_marginLeft="3dp" 
      android:layout_weight=".33" 
      android:background="@drawable/buttonx2" 
      android:gravity="center" 
      android:text="Other Words" 
      android:textColor="#ffffff" 
      android:textSize="16sp" 
      android:textStyle="bold" /> 

     <TextView 
      android:id="@+id/x3" 
      android:layout_width="wrap_content" 
      android:layout_height="fill_parent" 
      android:layout_marginLeft="3dp" 
      android:layout_weight=".33" 
      android:background="@drawable/buttonx3" 
      android:gravity="center" 
      android:text="More Words" 
      android:textColor="#ffffff" 
      android:textSize="16sp" 
      android:textStyle="bold" /> 

    </TableRow>