用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();
}
});
}
}


最后效果如下图:
[img]
[img]http://dl.iteye.com/upload/attachment/0063/6037/4e85d7e3-a814-3420-a631-433466de9b30.png[/img]
[/img]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值