用Dialog创建带箭头的对话框

很多应用中,在点击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();
 
   } 
  });
 
    } 
}
 
复制代码

最后效果如下图:

 

 

posted on   vus520  阅读(1703)  评论(0编辑  收藏  举报

编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架

导航

< 2011年11月 >
30 31 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 1 2 3
4 5 6 7 8 9 10
点击右上角即可分享
微信分享提示