Jak utworzyć układ nakładki na pogrupowanych

Question

Mam ListView, który zostanie wypełniony AsyncTask i przy dolnej krawędzi okna aplikacji trzeba pokazać stały układ nakładki takiego:

Ale nie mogę zrozumieć, jak mogę to zrobić w xml? To jest mój obecny layout.xml:

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

    <ListView 
     android:id="@+id/list" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" /> 

    <!-- Probably I need to do something here --> 

</LinearLayout> 

Answer 1

Zgodnie z sugestią Daniela, użyj RelativeLayout, ponieważ umożliwia on układanie komponentów (tak samo z FrameLayout i SurfaceView). Poniższy kod daje układ, którego szukasz:

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

<ListView 
    android:id="@+id/list" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" /> 

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="50dp" 
    android:background="@color/transparentBlack" 
    android:layout_alignParentBottom="true" > 

    <TextView 
     android:id="@+id/textView2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignBottom="@+id/textView1" 
     android:layout_alignParentRight="true" 
     android:layout_marginRight="20dp" 
     android:text="Medium Text" 
     android:textColor="@color/white" 
     android:textAppearance="?android:attr/textAppearanceMedium" /> 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_centerVertical="true" 
     android:layout_marginLeft="40dp" 
     android:text="Large Text" 
     android:textAppearance="?android:attr/textAppearanceLarge" 
     android:textColor="@color/white" /> 

    </RelativeLayout> 

</RelativeLayout> 

W powyższym kodzie, wartości hex kolor dla transparentBlack jest #95000000 i white jest #ffffff.

Oto doskonały samouczek na temat podstaw projektowania interfejsu użytkownika w Androidzie: Android User Interface Design: Layout Basics.

Answer 2

zmienić układ rodzic RelativeLayout lub FrameLayout i ustawić stały widok na tym samym poziomie ListView (ale po ListView)

coś takiego:

---> RelativeLayout 
    --> ListView 
    --> Any view as the fixed view 

można następnie wyrównać stały widok na dnie zawijania RelativeLayout

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

    <ListView 
     android:id="@+id/list" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" /> 

    <!-- Here you should position the fixed view --> 
</RelativeLayout>