android - 创建复杂的布局

Question

请查看我正在尝试创建的简单应用程序的概念设计。

我确信我可以使用 RelativeLayout 在 1 个设备上完成此操作，但当然要在许多设备上保持一致将非常困难。

请让我知道您对如何最好地完成这种布局的想法。

Answer 1

这应该适用于所有屏幕，将 lastLinearLayout的背景更改为您拥有的 Circle 纹理：

    <?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" > 
<LinearLayout   
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:layout_weight="0.5" >
         <LinearLayout
         android:layout_width="wrap_content"
         android:layout_height="match_parent" 
         android:layout_weight="0.5"
         android:background="@android:color/holo_purple">
         </LinearLayout>
         <LinearLayout
         android:layout_width="wrap_content"
         android:layout_height="match_parent" 
         android:layout_weight="0.5"
         android:background="@android:color/holo_green_light">
         </LinearLayout>
    </LinearLayout>
    <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:layout_weight="0.5" >
         <LinearLayout
         android:layout_width="wrap_content"
         android:layout_height="match_parent" 
         android:layout_weight="0.5"
         android:background="@android:color/holo_orange_dark">
         </LinearLayout>
         <LinearLayout
         android:layout_width="wrap_content"
         android:layout_height="match_parent" 
         android:layout_weight="0.5"
         android:background="@android:color/holo_blue_bright">
         </LinearLayout>
    </LinearLayout>
   </LinearLayout>

    <LinearLayout   
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/title_gray_background"
        android:layout_gravity="center" >
     </LinearLayout>        
</FrameLayout>