用Dialog创建带箭头的对话框

      很多应用中，在点击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();
			}
		});
    }
}

      最后效果如下图：

评论

6 楼 jonney8006 2012-08-27  

rainbow767 写道

再说了，你这个程序能不能通过你试过没有，
有没有PopupDialog这个类，还是你自己造的？反正我在android库里没搜到这个PopupDialog。。。

可行。。android里面却是没PopupDialog，不必纠结于此，这个类估计楼主自定义继承dialog的，，直接用dialog，把style设置楼主给的那个即可。

5 楼 superonion 2012-06-26  

rainbow767 写道

再说了，你这个程序能不能通过你试过没有，
有没有PopupDialog这个类，还是你自己造的？反正我在android库里没搜到这个PopupDialog。。。

如果不能运行，我的截图从哪里来？PopupDialog很显然就是图中那个弹出的对话框！PopupDialog的布局xml我已经贴出来了，代码简单得不能再简单了！
很显然，你发现问题后没有仔细对照分析，一味地求代码有什么用？

4 楼 superonion 2012-06-26  

rainbow767 写道

写得什么呀，你要是真想告诉人家就写明白。比如main.xml在哪里啊？有些id都没有。到哪里找，服了。

main.xml里就一个按钮，我还需要贴出来么？？？

3 楼 rainbow767 2012-06-20  

再说了，你这个程序能不能通过你试过没有，
有没有PopupDialog这个类，还是你自己造的？反正我在android库里没搜到这个PopupDialog。。。

2 楼 rainbow767 2012-06-20  

写得什么呀，你要是真想告诉人家就写明白。比如main.xml在哪里啊？有些id都没有。到哪里找，服了。

1 楼 rainbow767 2012-06-20