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

2023-07-17 17:54:34

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

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

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

点击title前                                                    点击title后

实现方式：

首先我们要自定义一个dialog

代码如下：

  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中调用即可：

代码片段：

  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. });

实现效果如下：

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

点击前                                                点击后                                             选择                                                   选择后

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

源码下载

上一篇：如何确定Kafka的分区数、key和consumer线程数


下一篇：infoq