"Android Development" using Popupwindow implementation page Click on the top pop-up drop-down menu

Not too many tricks, there is no very complex technology, is the use of simple popupwindow, you can achieve click to pop a custom View,view can be casually designed, commonly used can put a ListView.

Demo I just a click to show, simple use of the fade in the animation effect, there is no exquisite picture resources, look also ugly, but such a short time, let you master a very useful technology, you can expand, not very good?

Nonsense not to say, directly on the code:

Mainactivity.java

[Java]View Plaincopy

2. Public class Mainactivity extends Activity implements Onclicklistener {
6. private Popupwindow Popupwindow;
8. Private button button;
12. @Override
14. protected void OnCreate (Bundle savedinstancestate) {
16. super.oncreate (savedinstancestate);
18. Setcontentview (R.layout.activity_main);
22. Button = (button) Findviewbyid (R.id.button1);
24. Button.setonclicklistener (this);
28. }
32. @Override
34. public void OnClick (View v) {
38. switch (V.getid ()) {
40. Case R.id.button1:
42. if (Popupwindow! = null&&popupwindow.isshowing ()) {
44. Popupwindow.dismiss ();
46. return;
48. } Else {
50. Initmpopupwindowview ();
52. Popupwindow.showasdropdown (V, 0, 5);
54. }
56. Break ;
58. Default:
60. Break ;
62. }
66. }
70. public void Initmpopupwindowview () {
74. //// Get a view of the custom layout file Pop.xml
76. View CustomView = Getlayoutinflater (). Inflate (R.layout.popview_item,
78. null, false);
80. //Create Popupwindow instances, 200,150 are width and height, respectively
82. Popupwindow = New Popupwindow (CustomView, 280);
84. //Set animation effect [R.style.animationfade is defined by oneself beforehand]
86. Popupwindow.setanimationstyle (R.style.animationfade);
88. //Custom View Add Touch event
90. Customview.setontouchlistener (new Ontouchlistener () {
94. @Override
96. Public Boolean OnTouch (View V, motionevent event) {
98. if (Popupwindow! = null && popupwindow.isshowing ()) {
100. Popupwindow.dismiss ();
102. Popupwindow = null;
104. }
108. return false;
110. }
112. });
116. /** Here you can implement the function of the custom view * /
118. Button Btton2 = (button) Customview.findviewbyid (R.id.button2);
120. Button Btton3 = (button) Customview.findviewbyid (R.id.button3);
122. Button Btton4 = (button) Customview.findviewbyid (R.ID.BUTTON4);
124. Btton2.setonclicklistener (this);
126. Btton3.setonclicklistener (this);
128. Btton4.setonclicklistener (this);
132. }
136. }

Activity_main.xml

[Java]View Plaincopy

2. <relativelayout xmlns:android="Http://schemas.android.com/apk/res/android"
4. xmlns:tools="Http://schemas.android.com/tools"
6. Android:layout_width="Match_parent"
8. android:layout_height="Match_parent"
10. android:background="#000000"
12. Tools:context=". Mainactivity ">
16. <button
18. android:id="@+id/button1"
20. Android:layout_width="Match_parent"
22. android:layout_height="Wrap_content"
24. android:layout_alignparentleft="true"
26. android:layout_alignparenttop="true"
28. android:gravity="center"
30. android:background="#C0C0C0"
32. android:text="Click Drop-down list"/>
36. </RelativeLayout>

XML for Custom View

[Java]View Plaincopy

2. <relativelayout xmlns:android="Http://schemas.android.com/apk/res/android"
4. xmlns:tools="Http://schemas.android.com/tools"
6. Android:layout_width="Match_parent"
8. android:layout_height="Match_parent"
10. android:background="#C0C0C0" >
14. <button
16. android:id="@+id/button2"
18. Android:layout_width="200DP"
20. android:layout_height="Wrap_content"
22. android:layout_alignparentleft="true"
24. android:layout_alignparenttop="true"
26. android:paddingright="70DP"
28. android:text="Viviens"/>
32. <button
34. android:id="@+id/button3"
36. Android:layout_width="200DP"
38. android:layout_height="Wrap_content"
40. android:layout_alignparentleft="true"
42. android:layout_below="@+id/button2"
44. android:paddingright="70DP"
46. android:text="Mryang"/>
50. <button
52. android:id="@+id/button4"
54. Android:layout_width="200DP"
56. android:layout_height="Wrap_content"
58. android:layout_alignparentleft="true"
60. android:layout_below="@+id/button3"
62. android:paddingright="70DP"
64. android:text="Zhang Xiaoda"/>
68. </RelativeLayout>

Animation effect:

Inputodown.xml Entering the screen

[Java]View Plaincopy

1. <?xml version="1.0" encoding="UTF-8"?>
2. <set xmlns:android="http://schemas.android.com/apk/res/android" >
4. <translate
5. android:duration="
6. Android:fromydelta=" -100%"
7. Android:toydelta="0"/>
9. </set>

Outdowntoup.xml

[Java]View Plaincopy

1. <?xml version="1.0" encoding="UTF-8"?>
2. <set xmlns:android="http://schemas.android.com/apk/res/android" >
4. <translate
5. android:duration="
6. Android:fromydelta="0"
7. Android:toydelta=" -100%"/>
9. </set>

Styles.xml

[HTML]View Plaincopy

2. <style name="Animationfade">
6. <!--Popupwindow effect and left
8. <item name="android:windowenteranimation"> @anim/inuptodown</Item >
10. <item name="android:windowexitanimation"> @anim/outdowntoup</Item>
12. </style>

Implementation results:

Demo Address:

http://download.csdn.net/detail/mad1989/5518035