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

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

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

                            

                         点击title前                                                    点击title后

 实现方式：

     首先我们要自定义一个dialog

    代码如下：

    

 /***
  * 自定义dialog
  *
  * @author jia
  *
  */
 public class MyDialog extends Dialog {
     private Window window = null;

     /***
      *
      * @param context
      * @param layoutResID
      *            配置文件
      * @param x
      *            显示的x坐标
      * @param y
      *            显示的y坐标
      * @param title
      *            集合
      */
     public MyDialog(final Context context, int layoutResID, int x, int y,
             final String[] title) {
         super(context, R.style.Transparent);

         window = this.getWindow();
         window.requestFeature(Window.FEATURE_NO_TITLE);
         setContentView(layoutResID);
         int width = this.getWindow().getWindowManager().getDefaultDisplay()
                 .getWidth();
         windowDeploy(width / 2, 300, x, y);
         show();

     }

     /***
      * 设置窗口显示
      *
      * @param x
      * @param y
      * @param dialog_x
      * @param dialog_y
      */
     public void windowDeploy(int dialog_width, int dialog_height, int dialog_x,
             int dialog_y) {

         window.setBackgroundDrawableResource(android.R.color.transparent); // 设置对话框背景为透明
         WindowManager.LayoutParams wl = window.getAttributes();
         wl.width = dialog_width;
         wl.height = dialog_height;
         // wl.alpha = 0.8f;
         wl.gravity = Gravity.LEFT | Gravity.TOP; // 不设置的话默认是居中
         wl.x = dialog_x - dialog_width / 2; // 要显示的位置x坐标
         wl.y = dialog_y;
         window.setAttributes(wl);
         window.setWindowAnimations(R.style.dialogWindowAnim); // 设置窗口弹出动画
         setCanceledOnTouchOutside(true);
     }

 }

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

 代码片段：

 

 textView.setOnClickListener(new OnClickListener() {
             @Override
             public void onClick(View v) {

                 int x_begin = textView.getLeft();
                 int x_end = textView.getRight();
                 int y_begin = textView.getTop();
                 int y_end = textView.getBottom();// 这个是要显示位置的纵坐标
                 // 获取最中间的x坐标
                 int x = (x_begin + x_end) / 2;// 这个值也就是屏幕最中间的值，也可以下面这样
                 // int x=getWindowManager().getDefaultDisplay().getWidth()/2;

                 // int[] location = new int[2];
                 // textView.getLocationInWindow(location); // 获取在当前窗口内的绝对坐标
                 // textView.getLocationOnScreen(location);// 获取在整个屏幕内的绝对坐标

                 myDialog = new MyDialog(DialogDemoActivity.this,
                         R.layout.dialog, x, y_end, title);

                 View view = LayoutInflater.from(DialogDemoActivity.this)
                         .inflate(R.layout.dialog, null);
                 listView = (ListView) myDialog.getWindow().findViewById(
                         R.id.lv_dialog);
                 listView.setAdapter(new ArrayAdapter<String>(
                         DialogDemoActivity.this, R.layout.text, R.id.tv_text,
                         title));

                 listView.setOnItemClickListener(new OnItemClickListener() {

                     @Override
                     public void onItemClick(AdapterView<?> arg0, View arg1,
                             int arg2, long arg3) {
                         textView.setText(title[arg2]);
                         myDialog.cancel();
                         myDialog = null;
                     }

                 });
             }
         });

实现效果如下：

            

           点击前                                                点击后                                             选择                                                   选择后

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

 源码下载