Android UI Bildschirm

Question

Guten Tag,

Ich bin neu in Android UI Entwicklung. Darf ich habe keine Kenntnisse darüber, wie ich diese Art von UI-Bildschirm erreichen:

Vielen Dank im Voraus.

Answer 1

Hier ist der Code mit 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

Sie können alles, was Sie finden müssen, dass das Layout in den folgenden Links in der Erstellung:

• Google Play Style Tabs using TabLayout (Android M)
• Action Bar Tabs

Was das Layout der einzelnen Registerkarten Sie tun können so etwas (als Struktur)

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

Für den Unterregisterkarteninhalt:

<?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>