Android的绝对布局不同的屏幕尺寸

Question

我使用绝对布局来划分屏幕4种与圈中像这样

中心是做工精细的小屏幕尺寸，但大屏幕没有关系“T。 如何用不同的屏幕宽度来做到这一点？

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/linear" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" > 

<AbsoluteLayout 
    android:id="@+id/AbsoluteLayout1" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentTop="true" 
    android:layout_centerHorizontal="true" 
    android:l="true" 
    android:layout_centerInParent="true" 
    android:background="#fcf2cf" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    tools:context="com.example.organizer2.MainActivity" > 

    <Button 
     android:id="@+id/Button1" 
     android:layout_width="148dp" 
     android:layout_height="180dp" 
     android:layout_weight="1" 
     android:layout_x="0dp" 
     android:layout_y="0dp" 
     android:background="#219baa" 
     android:text="Button" /> 

    <Button 
     android:id="@+id/Button2" 
     android:layout_width="148dp" 
     android:layout_height="180dp" 
     android:layout_weight="1" 
     android:layout_x="148dp" 
     android:layout_y="0dp" 
     android:background="#ef820b" 
     android:text="Button" /> 

    <Button 
     android:id="@+id/Button3" 
     android:layout_width="148dp" 
     android:layout_height="180dp" 
     android:layout_weight="1" 
     android:layout_x="0dp" 
     android:layout_y="180dp" 
     android:background="#e3c800" 
     android:text="Button" /> 

    <Button 
     android:id="@+id/Button4" 
     android:layout_width="148dp" 
     android:layout_height="180dp" 
     android:layout_weight="1" 
     android:layout_x="148dp" 
     android:layout_y="180dp" 
     android:background="#36bc89" 
     android:text="Button" /> 

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_x="4dp" 
     android:layout_y="132dp" 
     android:src="@drawable/circle" /> 

    </AbsoluteLayout> 

</RelativeLayout> 

Answer 1

AbsolueLayouts是一个很大的禁忌，因为它们不会对大小不同的设备做任何事情。尝试使用LinearLayouts的组合来实现此视图。通过将所有按钮设置在linearlayout内部，并给每个按钮权重1，我们告诉他们所有的增长，这绝对不会发生在绝对布局中。线性布局本身也是线性布局，并且也被赋予了权重，所以它们将随着有额外的屏幕空间占用而增长（嵌套的LinearLayouts对于性能并不是很好，但现在不用担心，因为您似乎仍然正在学习基础知识，并且您的应用的用户不会注意到任何延迟）。 ：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/linear" 
android:layout_width="match_parent" 
android:background="#fcf2cf" 
android:layout_height="match_parent" 
android:orientation="vertical" > 

    <LinearLayout 
    android:id="@+id/linear" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    android:orientation="vertical" > 

      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      xmlns:tools="http://schemas.android.com/tools" 
      android:id="@+id/linear" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight=1 
      android:orientation="hoizontal" > 

       <Button 
       android:id="@+id/Button1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="#219baa" 
       android:text="Button" /> 

       <Button 
       android:id="@+id/Button2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="#ef820b" 
       android:text="Button" /> 

      </LinearLayout> 

      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      xmlns:tools="http://schemas.android.com/tools" 
      android:id="@+id/linear" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight=1 
      android:orientation="hoizontal" > 

       <Button 
       android:id="@+id/Button3" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="#e3c800" 
       android:text="Button" /> 

       <Button 
       android:id="@+id/Button4" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="#36bc89" 
       android:text="Button" /> 

      </LinearLayout> 
</LinearLayout> 

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_centerVertical="true" 
     android:src="@drawable/circle" /> 

    </AbsoluteLayout> 

</RelativeLayout>