Android UI屏幕

Question

美好的一天，

我是Android UI開發新手。我可以對我將如何實現這種UI屏幕的任何知識：

在此先感謝。

Answer 1

以下是帶TextView的代碼。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical"> 

    <LinearLayout 
     android:id="@+id/upparLayout1" 
     android:layout_width="match_parent" 
     android:layout_height="50dp" 
     android:background="#9DAD0C" 
     android:orientation="horizontal" 
     android:weightSum="3"> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="50dp" 
      android:layout_weight="1" 
      android:background="#9DAD0C" 
      android:text="Tab1" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="50dp" 
      android:layout_weight="1" 
      android:background="#717D11" 
      android:text="Tab2" /> 
    </LinearLayout> 

    <TextView 
     android:id="@+id/screen1" 
     android:layout_width="match_parent" 
     android:layout_height="120dp" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" 
     android:layout_below="@+id/upparLayout1" 
     android:background="#CD5E93" 
     android:text="Screen1" /> 

    <LinearLayout 
     android:id="@+id/middleLayout" 
     android:layout_width="match_parent" 
     android:layout_height="120dp" 
     android:layout_below="@+id/screen1" 
     android:background="#9F165A" 
     android:orientation="horizontal" 
     android:weightSum="2"> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="120dp" 
      android:layout_weight="1" 
      android:text="SubTab1" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="120dp" 
      android:layout_weight="1" 
      android:text="SubTab2" /> 
    </LinearLayout> 

    <TextView 
     android:id="@+id/textView2" 
     android:layout_width="match_parent" 
     android:layout_height="120dp" 
     android:layout_below="@+id/middleLayout" 
     android:background="#A9BB2B" 
     android:text="List Based on Sub Tab" /> 

    <TextView 
     android:id="@+id/textView3" 
     android:layout_width="match_parent" 
     android:layout_height="120dp" 
     android:layout_below="@+id/textView2" 
     android:layout_centerHorizontal="true" 
     android:background="#A9BB2B" 
     android:text="List Based on Sub Tab" /> 

    <Button 
     android:id="@+id/button" 
     android:layout_width="wrap_content" 
     android:layout_height="50dp" 
     android:layout_alignParentBottom="true" 
     android:layout_below="@+id/textView3" 
     android:layout_centerHorizontal="true" 
     android:background="#A9BB2B" 
     android:text="Button" /> 

</RelativeLayout> 

Answer 2

你可以找到所有你在創造以下鏈接，佈局需要：

• Google Play Style Tabs using TabLayout（安卓M）
• Action Bar Tabs

至於每個你可以做標籤的佈局像這樣（作爲結構）

<RelativeLayout> 
    <LinearLayout> // or you can use a fragment 
    //Screen 1 content 
    </LinearLayout> 
    <SubTabs> 
    <SubTabs> 
</RelativeLayout> 

對於子標籤內容：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    android:weightSum="2"> 

<ListView 
    android:id="@+id/list1" 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="1" 
    android:layout_marginBottom="10dp"/> //replace margin with your value 

<ListView 
    android:id="@+id/list2" 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="1" 
    android:layout_marginBottom="10dp"/> //replace margin with your value 

<Button 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center"/> 

</LinearLayout>