android dialog 模拟新浪、腾讯title弹框效果

http://blog.csdn.net/jj120522/article/details/7764183

首先我们看一下新浪微博的效果(其它就是一个dialog)：

点击title前                                                    点击title后

实现方式：

首先我们要自定义一个dialog

代码如下：

[java] view plaincopy

1. /***
2. * 自定义dialog
3. *
4. * @author jia
5. *
6. */
7. public class MyDialog extends Dialog {
8. private Window window = null;
9. /***
10. *
11. * @param context
12. * @param layoutResID
13. *            配置文件
14. * @param x
15. *            显示的x坐标
16. * @param y
17. *            显示的y坐标
18. * @param title
19. *            集合
20. */
21. public MyDialog(final Context context, int layoutResID, int x, int y,
22. final String[] title) {
23. super(context, R.style.Transparent);
24. window = this.getWindow();
25. window.requestFeature(Window.FEATURE_NO_TITLE);
26. setContentView(layoutResID);
27. int width = this.getWindow().getWindowManager().getDefaultDisplay()
28. .getWidth();
29. windowDeploy(width / 2, 300, x, y);
30. show();
31. }
32. /***
33. * 设置窗口显示
34. *
35. * @param x
36. * @param y
37. * @param dialog_x
38. * @param dialog_y
39. */
40. public void windowDeploy(int dialog_width, int dialog_height, int dialog_x,
41. int dialog_y) {
42. window.setBackgroundDrawableResource(android.R.color.transparent); // 设置对话框背景为透明
43. WindowManager.LayoutParams wl = window.getAttributes();
44. wl.width = dialog_width;
45. wl.height = dialog_height;
46. // wl.alpha = 0.8f;
47. wl.gravity = Gravity.LEFT | Gravity.TOP; // 不设置的话默认是居中
48. wl.x = dialog_x - dialog_width / 2; // 要显示的位置x坐标
49. wl.y = dialog_y;
50. window.setAttributes(wl);
51. window.setWindowAnimations(R.style.dialogWindowAnim); // 设置窗口弹出动画
52. setCanceledOnTouchOutside(true);
53. }
54. }

我们只需要在activity中调用即可：

代码片段：

[java] view plaincopy

1. textView.setOnClickListener(new OnClickListener() {
2. @Override
3. public void onClick(View v) {
4. int x_begin = textView.getLeft();
5. int x_end = textView.getRight();
6. int y_begin = textView.getTop();
7. int y_end = textView.getBottom();// 这个是要显示位置的纵坐标
8. // 获取最中间的x坐标
9. int x = (x_begin + x_end) / 2;// 这个值也就是屏幕最中间的值，也可以下面这样
10. // int x=getWindowManager().getDefaultDisplay().getWidth()/2;
11. // int[] location = new int[2];
12. // textView.getLocationInWindow(location); // 获取在当前窗口内的绝对坐标
13. // textView.getLocationOnScreen(location);// 获取在整个屏幕内的绝对坐标
14. myDialog = new MyDialog(DialogDemoActivity.this,
15. R.layout.dialog, x, y_end, title);
16. View view = LayoutInflater.from(DialogDemoActivity.this)
17. .inflate(R.layout.dialog, null);
18. listView = (ListView) myDialog.getWindow().findViewById(
19. R.id.lv_dialog);
20. listView.setAdapter(new ArrayAdapter<String>(
21. DialogDemoActivity.this, R.layout.text, R.id.tv_text,
22. title));
23. listView.setOnItemClickListener(new OnItemClickListener() {
24. @Override
25. public void onItemClick(AdapterView<?> arg0, View arg1,
26. int arg2, long arg3) {
27. textView.setText(title[arg2]);
28. myDialog.cancel();
29. myDialog = null;
30. }
31. });
32. }
33. });

实现效果如下：

点击前                                                点击后                                             选择                                                   选择后

实现起来也不难，有点要说明一下，这里我们用到了.9.png图片，这个图片会自动根据需要伸展，（重要的是不失真，这点很棒吧，详细介绍请点击连接）.

源码下载