Creazione di un layout simile a un navigation drawer

[chri13]

Salve,

vorrei chiedervi come potrei fare per implementare un layout (dove all'interno dovrò inserire solo una TextView, dove inserirò dei dati) che l'utente può visualizzare semplicemente scorrendo il dito sullo schermo dal lato basso verso l'alto(diciamo una sorta di navigation drawer, solo che però compare un layout con una textView anziché un menù).
p.s. da sinistra a destra è già implementato un navigation drawer, quindi questo layout deve essere dal basso verso l'alto e naturalmente se l'utente clicca sullo schermo scompare.

Vi ringrazio molto.

[Xerxes]

Usa uno sliding up pannel

Inviato dal mio Galaxy Nexus usando Androidiani App

[chri13]

ciao, ti ringrazio molto per la risposta.
andando su github, più precisamente su
https://github.com/umano/AndroidSlidingUpPanel

vorrei chiedervi come devo importare la libreria. Mi spiego, io scarico il .zip che si trova sulla destra. A questo punto devo importare tutto il .zip oppure solo qualche cartella interna? potete descrivermi il procedimento?

Vi ringrazio molto..

[Xerxes]

Scarica lo zip, lo apri ed estrai tutto il suo contenuto sul desktop o in una cartella, vai su eclipse e importa il progetto selezionando la cartella estratta prima, di solito i progetti sono 2, uno e' una libreria e uno e' un esempio, l esempio ha un AndroidManifest.xml completo e' puo' essere compilato, la libreria no

[chri13]

la libreria entro la cartella, che si chiama "library" l'ho compressa .zip e rinominata come .jar e l'ho importata nella cartella libs del mio progetto e poi aggiunta ai jar....è sbagliato cosi?

[Xerxes]

Dubito che funzioni ma se funziona va bene, io sarei andato su file /import/Existing android code, selezioni la cartella e importi 2 progetti, vai sulla libreria (forse si chiama main) e sulla destra fai tasto destro sul progetto e vai su properties, la libreria fai click su Is Library e dopo vai nel proprerties del progetto MainActivity e fai add nelle properties e aggiingi la libreria main scaricata e importata. Cosi facendo non devi creare nessun file. Jar

[chri13]

Ti chiedo scusa ...
Ho fatto il procedimento, ho aggiunto la cartella Library sul mio progetto...
Però nel sito c'è il codice per fare il pannello solo che non mi è chiaro come posso implementarlo...

[Xerxes]

Hai provato a compilare l esempio e lo hai provato su un cellulare??? Se si e funziona, lo implementi prendendo il codice nell esempio e modificandolo secondo le tue esigenze

[chri13]

Si apposto la Demo funziona correttamente....Un'ultima cosa...

Il mio layout principale è composto da un navigationDrawer e da google maps che copra tutta la schermata...Ecco il codice xml:
<android.support.v4.widget.DrawerLayout<br /> xmlns:android="http://schemas.android.com/<span class="forTooltip">apk</span>/res/android"<br /> android:id="@+id/drawer_layout"<br /> android:layout_width="match_parent"<br /> android:layout_height="match_parent"<br /> <br /> ><br /> <FrameLayout<br /> android:id="@+id/content_frame"<br /> android:layout_width="match_parent"<br /> android:layout_height="match_parent" ><br /> <fragment <br /> android:id="@+id/map"<br /> android:layout_width="match_parent"<br /> android:layout_height="match_parent"<br /> android:name="com.google.android.gms.maps.MapFragm ent"/><br /> </FrameLayout><br /> <br /> <ListView android:id="@+id/left_drawer"<br /> android:layout_width="240dp"<br /> android:layout_height="match_parent"<br /> android:layout_gravity="start"<br /> android:choiceMode="singleChoice"<br /> android:background="#969696"<br /> <br /> /><br /> </android.support.v4.widget.DrawerLayout><br /> <br /> <br /> <!-- android:divider="@android:color/darker_gray" android:dividerHeight="1dp" -->

​x

 

1

<android.support.v4.widget.DrawerLayout

2

    xmlns:android="http://schemas.android.com/apk/res/android"

3

    android:id="@+id/drawer_layout"

4

    android:layout_width="match_parent"

5

    android:layout_height="match_parent"

6

7

    >

8

    <FrameLayout

9

        android:id="@+id/content_frame"

10

        android:layout_width="match_parent"

11

        android:layout_height="match_parent" >

12

        <fragment 

13

          android:id="@+id/map"

14

          android:layout_width="match_parent"

15

          android:layout_height="match_parent"

16

          android:name="com.google.android.gms.maps.MapFragm  ent"/>

17

        </FrameLayout>

18

19

    <ListView android:id="@+id/left_drawer"

20

        android:layout_width="240dp"

21

        android:layout_height="match_parent"

22

        android:layout_gravity="start"

23

        android:choiceMode="singleChoice"

24

        android:background="#969696"

25

26

        />

27

</android.support.v4.widget.DrawerLayout>

28

​

29

​

30

<!--    android:divider="@android:color/darker_gray" android:dividerHeight="1dp" -->

Nell'esempio del pannello, il codice xml è il seguente:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"<br /> xmlns:tools="http://schemas.android.com/tools"<br /> android:layout_width="match_parent"<br /> android:layout_height="match_parent"<br /> tools:context=".DemoActivity" ><br /> <br /> <com.s<span class="forTooltip">ot</span>hree.slidinguppanel.SlidingUpPanelLayout<br /> xmlns:s<span class="forTooltip">ot</span>hree="http://schemas.android.com/apk/res-auto"<br /> android:id="@+id/sliding_layout"<br /> android:layout_width="match_parent"<br /> android:layout_height="match_parent"<br /> android:gravity="bottom"<br /> sothree:panelHeight="68dp"<br /> sothree:shadowHeight="4dp"<br /> sothree:paralaxOffset="100dp"<br /> sothree:dragView="@+id/dragView"><br /> <br /> <!-- MAIN CONTENT --><br /> <LinearLayout<br /> android:layout_width="match_parent"<br /> android:layout_height="match_parent"<br /> android:paddingTop="?android:attr/actionBarSize"><br /> <TextView<br /> android:id="@+id/main"<br /> android:layout_width="match_parent"<br /> android:layout_height="match_parent"<br /> android:gravity="center"<br /> android:text="Main Content"<br /> android:clickable="true"<br /> android:focusable="false"<br /> android:focusableInTouchMode="true"<br /> android:textSize="16sp" /><br /> </LinearLayout><br /> <br /> <!-- SLIDING LAYOUT --><br /> <LinearLayout<br /> android:layout_width="match_parent"<br /> android:layout_height="match_parent"<br /> android:background="#eeeeee"<br /> android:orientation="vertical"<br /> android:clickable="true"<br /> android:focusable="false"<br /> android:id="@+id/dragView"><br /> <br /> <LinearLayout<br /> android:layout_width="match_parent"<br /> android:layout_height="68dp"<br /> android:orientation="horizontal"><br /> <br /> <TextView<br /> android:id="@+id/name"<br /> android:layout_width="0dp"<br /> android:layout_height="match_parent"<br /> android:layout_weight="1"<br /> android:textSize="14sp"<br /> android:gravity="center_vertical"<br /> android:paddingLeft="10dp"/><br /> <br /> <Button<br /> android:id="@+id/follow"<br /> android:layout_width="wrap_content"<br /> android:layout_height="match_parent"<br /> android:textSize="14sp"<br /> android:gravity="center_vertical|right"<br /> android:paddingRight="10dp"<br /> android:paddingLeft="10dp"/><br /> <br /> </LinearLayout><br /> <br /> <ImageView<br /> android:layout_width="match_parent"<br /> android:layout_height="0dp"<br /> android:layout_weight="1"<br /> android:scaleType="fitStart"<br /> android:src="@drawable/graphic" ><br /> </ImageView><br /> </LinearLayout><br /> </com.sothree.slidinguppanel.SlidingUpPanelLayout><br /> <br /> </RelativeLayout>

80

 

1

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

2

    xmlns:tools="http://schemas.android.com/tools"

3

    android:layout_width="match_parent"

4

    android:layout_height="match_parent"

5

    tools:context=".DemoActivity" >

6

​

7

    <com.sothree.slidinguppanel.SlidingUpPanelLayout

8

        xmlns:sothree="http://schemas.android.com/apk/res-auto"

9

        android:id="@+id/sliding_layout"

10

        android:layout_width="match_parent"

11

        android:layout_height="match_parent"

12

        android:gravity="bottom"

13

        sothree:panelHeight="68dp"

14

        sothree:shadowHeight="4dp"

15

        sothree:paralaxOffset="100dp"

16

        sothree:dragView="@+id/dragView">

17

​

18

        <!-- MAIN CONTENT -->

19

        <LinearLayout

20

            android:layout_width="match_parent"

21

            android:layout_height="match_parent"

22

            android:paddingTop="?android:attr/actionBarSize">

23

            <TextView

24

                android:id="@+id/main"

25

                android:layout_width="match_parent"

26

                android:layout_height="match_parent"

27

                android:gravity="center"

28

                android:text="Main Content"

29

                android:clickable="true"

30

                android:focusable="false"

31

                android:focusableInTouchMode="true"

32

                android:textSize="16sp" />

33

        </LinearLayout>

34

​

35

        <!-- SLIDING LAYOUT -->

36

        <LinearLayout

37

            android:layout_width="match_parent"

38

            android:layout_height="match_parent"

39

            android:background="#eeeeee"

40

            android:orientation="vertical"

41

            android:clickable="true"

42

            android:focusable="false"

43

            android:id="@+id/dragView">

44

​

45

            <LinearLayout

46

                android:layout_width="match_parent"

47

                android:layout_height="68dp"

48

                android:orientation="horizontal">

49

​

50

                <TextView

51

                    android:id="@+id/name"

52

                    android:layout_width="0dp"

53

                    android:layout_height="match_parent"

54

                    android:layout_weight="1"

55

                    android:textSize="14sp"

56

                    android:gravity="center_vertical"

57

                    android:paddingLeft="10dp"/>

58

​

59

                <Button

60

                    android:id="@+id/follow"

61

                    android:layout_width="wrap_content"

62

                    android:layout_height="match_parent"

63

                    android:textSize="14sp"

64

                    android:gravity="center_vertical|right"

65

                    android:paddingRight="10dp"

66

                    android:paddingLeft="10dp"/>

67

​

68

            </LinearLayout>

69

​

70

            <ImageView

71

                android:layout_width="match_parent"

72

                android:layout_height="0dp"

73

                android:layout_weight="1"

74

                android:scaleType="fitStart"

75

                android:src="@drawable/graphic" >

76

            </ImageView>

77

        </LinearLayout>

78

    </com.sothree.slidinguppanel.SlidingUpPanelLayout>

79

​

80

</RelativeLayout>

Come faccio ad includere il pannello nella mia activity, lasciando sempre il navigation Drawer e google maps?

Io ho provato amodificare il codice xml in questo modo:

<android.support.v4.widget.DrawerLayout<br /> xmlns:android="http://schemas.android.com/apk/res/android"<br /> android:id="@+id/drawer_layout"<br /> android:layout_width="match_parent"<br /> android:layout_height="match_parent"<br /> <br /> ><br /> <br /> <LinearLayout<br /> android:layout_width="match_parent"<br /> android:layout_height="match_parent"<br /> android:orientation="vertical"<br /> > <br /> <com.sothree.slidinguppanel.SlidingUpPanelLayout<br /> xmlns:sothree="http://schemas.android.com/apk/res-auto"<br /> android:id="@+id/sliding_layout"<br /> android:layout_width="match_parent"<br /> android:layout_height="match_parent"<br /> android:gravity="bottom"<br /> sothree:panelHeight="68dp"<br /> sothree:shadowHeight="4dp"<br /> sothree:paralaxOffset="100dp"<br /> sothree:dragView="@+id/dragView"><br /> <br /> <!-- MAIN CONTENT --><br /> <FrameLayout<br /> android:id="@+id/content_frame"<br /> android:layout_width="match_parent"<br /> android:layout_height="match_parent" ><br /> <fragment <br /> android:id="@+id/map"<br /> android:layout_width="match_parent"<br /> android:layout_height="match_parent"<br /> android:name="com.google.android.gms.maps.MapFragm ent"/><br /> </FrameLayout><br /> <br /> <!-- SLIDING LAYOUT --><br /> <LinearLayout<br /> android:layout_width="match_parent"<br /> android:layout_height="match_parent"<br /> android:background="#eeeeee"<br /> android:orientation="vertical"<br /> android:clickable="true"<br /> android:focusable="false"<br /> android:id="@+id/dragView"><br /> <br /> <LinearLayout<br /> android:layout_width="match_parent"<br /> android:layout_height="68dp"<br /> android:orientation="horizontal"><br /> <br /> <TextView<br /> android:id="@+id/name"<br /> android:layout_width="0dp"<br /> android:layout_height="match_parent"<br /> android:layout_weight="1"<br /> android:textSize="14sp"<br /> android:gravity="center_vertical"<br /> android:paddingLeft="10dp"/><br /> <br /> <Button<br /> android:id="@+id/follow"<br /> android:layout_width="wrap_content"<br /> android:layout_height="match_parent"<br /> android:textSize="14sp"<br /> android:gravity="center_vertical|right"<br /> android:paddingRight="10dp"<br /> android:paddingLeft="10dp"/><br /> <br /> </LinearLayout><br /> <br /> <br /> </LinearLayout><br /> </com.sothree.slidinguppanel.SlidingUpPanelLayout><br /> </LinearLayout> <br /> <ListView android:id="@+id/left_drawer"<br /> android:layout_width="240dp"<br /> android:layout_height="match_parent"<br /> android:layout_gravity="start"<br /> android:choiceMode="singleChoice"<br /> android:background="#969696"<br /> <br /> /><br /> </android.support.v4.widget.DrawerLayout><br /> <br /> <br /> <!-- android:divider="@android:color/darker_gray" android:dividerHeight="1dp" -->

87

 

1

<android.support.v4.widget.DrawerLayout

2

    xmlns:android="http://schemas.android.com/apk/res/android"

3

    android:id="@+id/drawer_layout"

4

    android:layout_width="match_parent"

5

    android:layout_height="match_parent"

6

7

    >

8

9

   <LinearLayout

10

            android:layout_width="match_parent"

11

            android:layout_height="match_parent"

12

            android:orientation="vertical"

13

            > 

14

    <com.sothree.slidinguppanel.SlidingUpPanelLayout

15

        xmlns:sothree="http://schemas.android.com/apk/res-auto"

16

        android:id="@+id/sliding_layout"

17

        android:layout_width="match_parent"

18

        android:layout_height="match_parent"

19

        android:gravity="bottom"

20

        sothree:panelHeight="68dp"

21

        sothree:shadowHeight="4dp"

22

        sothree:paralaxOffset="100dp"

23

        sothree:dragView="@+id/dragView">

24

​

25

        <!-- MAIN CONTENT -->

26

        <FrameLayout

27

        android:id="@+id/content_frame"

28

        android:layout_width="match_parent"

29

        android:layout_height="match_parent" >

30

        <fragment 

31

          android:id="@+id/map"

32

          android:layout_width="match_parent"

33

          android:layout_height="match_parent"

34

          android:name="com.google.android.gms.maps.MapFragm  ent"/>

35

        </FrameLayout>

36

​

37

        <!-- SLIDING LAYOUT -->

38

        <LinearLayout

39

            android:layout_width="match_parent"

40

            android:layout_height="match_parent"

41

            android:background="#eeeeee"

42

            android:orientation="vertical"

43

            android:clickable="true"

44

            android:focusable="false"

45

            android:id="@+id/dragView">

46

​

47

            <LinearLayout

48

                android:layout_width="match_parent"

49

                android:layout_height="68dp"

50

                android:orientation="horizontal">

51

​

52

                <TextView

53

                    android:id="@+id/name"

54

                    android:layout_width="0dp"

55

                    android:layout_height="match_parent"

56

                    android:layout_weight="1"

57

                    android:textSize="14sp"

58

                    android:gravity="center_vertical"

59

                    android:paddingLeft="10dp"/>

60

​

61

                <Button

62

                    android:id="@+id/follow"

63

                    android:layout_width="wrap_content"

64

                    android:layout_height="match_parent"

65

                    android:textSize="14sp"

66

                    android:gravity="center_vertical|right"

67

                    android:paddingRight="10dp"

68

                    android:paddingLeft="10dp"/>

69

​

70

            </LinearLayout>

71

​

72

73

        </LinearLayout>

74

    </com.sothree.slidinguppanel.SlidingUpPanelLayout>

75

    </LinearLayout>    

76

    <ListView android:id="@+id/left_drawer"

77

        android:layout_width="240dp"

78

        android:layout_height="match_parent"

79

        android:layout_gravity="start"

80

        android:choiceMode="singleChoice"

81

        android:background="#969696"

82

83

        />

84

</android.support.v4.widget.DrawerLayout>

85

​

86

​

87

<!--    android:divider="@android:color/darker_gray" android:dividerHeight="1dp" -->

Secondo te è corretto?
Non ancora aggiunto nulla sulla classe dell'activity riguardo a questo pannello...però se lo apro mi crasha...

[Xerxes]

Leggi i logcat e li vedrai dove sta l errore, non sono un compilatore umano che mi hai il codice e ti dico cosa sbagli xD