很多应用中,在点击Button后,会弹出一个带箭头的对话框,指向这个Button。网上查了,很多人都说用PopupWindow可以实现,我对PopupWindow不熟,于是试着用Dialog实现。(需要注意的是:PopupWindow是一个阻塞式的弹出框,这就意味着在我们退出这个弹出框之前,程序会一直等待,这和AlertDialog不同,AlertDialog是非阻塞式弹出框,AlertDialog弹出的时候,后台可是还可以做其他事情的。)
先选用一个带箭头的图片(pop.gif)做Dialog的背景,Dialog的布局文件如下:
Xml代码
<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(); } }); } }
最后效果如下图: