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

  首先我们看一下新浪微博的效果(其它就是一个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图片，这个图片会自动根据需要伸展，（重要的是不失真，这点很棒吧，详细介绍请点击连接）.

 源码下载