论坛首页 移动开发技术论坛

用Dialog创建带箭头的对话框

浏览 5555 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-03-07  
      很多应用中,在点击Button后,会弹出一个带箭头的对话框,指向这个Button。网上查了,很多人都说用PopupWindow可以实现,我对PopupWindow不熟,于是试着用Dialog实现。(需要注意的是:PopupWindow是一个阻塞式的弹出框,这就意味着在我们退出这个弹出框之前,程序会一直等待,这和AlertDialog不同,AlertDialog是非阻塞式弹出框,AlertDialog弹出的时候,后台可是还可以做其他事情的。)
      先选用一个带箭头的图片(pop.gif)做Dialog的背景,Dialog的布局文件如下:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/popup_dialog"
	android:orientation="vertical"
    android:layout_width="80dip"
    android:layout_height="wrap_content"
    android:background="@drawable/pop"
    >

	<Button android:id="@+id/btn_up" android:text="上" 
        android:layout_width="80dip" android:layout_height="25dip" android:background="@drawable/style_white_orange"
        />
    <Button android:id="@+id/btn_down" android:text="下"
        android:layout_width="80dip" android:layout_height="25dip" android:background="@drawable/style_white_orange"
        />

</LinearLayout>


      另外,需要设定Dialog的样式。在values文件夹下新建styles.xml,如下:
<?xml version="1.0" encoding="utf-8"?>
<resources>
	<style name="dialog" parent="@android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowIsTranslucent">false</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:background">@drawable/pop</item>
        <item name="android:windowBackground">@color/transparent_background</item>
        <item name="android:backgroundDimEnabled">false</item>
    </style>
</resources>


      尤其注意的是,sytles.xml里的background也要设为dialog的背景图片(pop.gif),windowBackground设为透明。
     
      主页面的代码:
public class MainActivity extends Activity {
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        Button button = (Button)findViewById(R.id.btn);
        button.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				PopupDialog popupDialog = new PopupDialog(MainActivity.this, R.style.dialog);
				popupDialog.setCanceledOnTouchOutside(true); // 点击Dialog之外的区域对话框消失
				Window window = popupDialog.getWindow();
				WindowManager.LayoutParams lp = window.getAttributes();
				lp.y = -64; // 设置竖直方向的偏移量
				lp.dimAmount = 0f; // 弹出对话框的时候背景不变暗
				popupDialog.show();
			}
		});
    }
}


      最后效果如下图:



  • 大小: 65.3 KB
   发表时间:2012-03-12  
你在哪里看到的 PopupWindow 是阻塞式的弹出框?不懂不要乱说啊...
0 请登录后投票
   发表时间:2012-03-12  
Cindy_Lee 写道
你在哪里看到的 PopupWindow 是阻塞式的弹出框?不懂不要乱说啊...

http://blog.163.com/freemanls@126/blog/static/16458506120117511148633/
http://liangruijun.blog.51cto.com/3061169/739459
http://www.linuxidc.com/Linux/2012-01/52653.htm
……
太多了,随便一搜一大堆,难道他们都错了?
0 请登录后投票
   发表时间:2012-03-13  
superonion 写道
Cindy_Lee 写道
你在哪里看到的 PopupWindow 是阻塞式的弹出框?不懂不要乱说啊...

http://blog.163.com/freemanls@126/blog/static/16458506120117511148633/
http://liangruijun.blog.51cto.com/3061169/739459
http://www.linuxidc.com/Linux/2012-01/52653.htm
……
太多了,随便一搜一大堆,难道他们都错了?


我没有搜,看了一个例子




final Button button = (Button) findViewById(R.id.bn);
		button.setOnClickListener(new OnClickListener()
		{
			@Override
			public void onClick(View v)
			{
				// 以下拉方式显示。
//				popup.showAsDropDown(v);
				//将PopupWindow显示在指定位置
				popup.showAtLocation(findViewById(R.id.bn), Gravity.CENTER, 20,
					20);
				button.setText("hello");
				
			}
		});

popupwindow弹出后,button的文字就发生了变化,我想听一下解释
  • 大小: 3.4 KB
  • 大小: 7.3 KB
0 请登录后投票
论坛首页 移动开发技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics