Android popupWindow 单箭头弹出框的实现

原创 2013年12月04日 10:08:58

该弹出款效果如下:(箭头的样式是图片做背景的)


需要的朋友可以继续向下看代码:

下面是其Activity代码

public class DRMPTestActivity extends Activity implements OnLongClickListener,OnClickListener{
    /** Called when the activity is first created. */ 
    PopupWindow pop ;
    Button deleteButton;
    Button addButton;
    Button editButton;
    Button saveButton;
    Button upButton;
    MyTextView selectview ;//当前正在处理的view
    MyTextView text_1;
    MyTextView text_2;
    MyTextView text_3;
    MyTextView text_4;
    String fileName = "";
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        LayoutInflater inflater = LayoutInflater.from(this);  
        // 引入窗口配置文件  
        View view = inflater.inflate(R.layout.popupwindow, null); 
        
        text_1 = (MyTextView) findViewById(R.id.text1);
        text_1.setOnLongClickListener(this);
        text_1.setBackgroundColor(Color.WHITE);
        
        text_2 = (MyTextView) findViewById(R.id.text2);
        text_2.setOnLongClickListener(this);
        text_2.setBackgroundColor(Color.WHITE);
        
        text_3 = (MyTextView) findViewById(R.id.text3);
        text_3.setOnLongClickListener(this);
        text_3.setBackgroundColor(Color.WHITE);
        
        text_4 = (MyTextView) findViewById(R.id.text4);
        text_4.setOnLongClickListener(this);
        text_4.setBackgroundColor(Color.WHITE);
        
        deleteButton = (Button) view.findViewById(R.id.delete);
        deleteButton.setOnClickListener(this);
        
        addButton = (Button) view.findViewById(R.id.add);
        addButton.setOnClickListener(this);
        
        editButton = (Button) view.findViewById(R.id.edit);
        editButton.setOnClickListener(this);
       
        upButton = (Button) findViewById(R.id.upButton);
        upButton.setOnClickListener(this);
        // 创建PopupWindow对象  
       // 此处之所以给了 PopupWindow一个固定的宽度  是因为我要让 PopupWindow的中心位置对齐TextView的中心位置
        pop = new PopupWindow(view, dipTopx(this, 100),ViewGroup.LayoutParams.WRAP_CONTENT);          
          
        // 需要设置一下此参数,点击外边可消失  
        pop.setBackgroundDrawable(new BitmapDrawable());  
        pop.setOutsideTouchable(true);
        //设置点击窗口外边窗口消失  
        pop.setOutsideTouchable(true);  
        // 设置此参数获得焦点,否则无法点击  
        pop.setFocusable(true);  
        
    }


	/* (non-Javadoc)
	 * @see android.view.View.OnLongClickListener#onLongClick(android.view.View)
	 */
	@Override
	public boolean onLongClick(View v) {
		
		selectview = (MyTextView) v;
		int color = selectview.getBackgroundColor();
		//white代表是未添加
		if(color != Color.WHITE){
			addButton.setVisibility(View.GONE);
			editButton.setVisibility(View.VISIBLE);
			deleteButton.setVisibility(View.VISIBLE);
		}else{
			addButton.setVisibility(View.VISIBLE);
			editButton.setVisibility(View.GONE);
			deleteButton.setVisibility(View.GONE);
		}
		if(pop.isShowing()) {  
            // 隐藏窗口,如果设置了点击窗口外小时即不需要此方式隐藏  
            pop.dismiss();  
        } else {  
            // 显示窗口 设置弹出效果
            pop.showAsDropDown(v,v.getWidth()/2-pop.getWidth()/2, 0);  
        } 
		return false;
	}
	//为了计算使popupwindow与目标view中间对其
	public static int dipTopx(Context context, float dipValue){  
		 final float scale = context.getResources().getDisplayMetrics().density;  
        return (int)(dipValue * scale + 0.5f);  
    }


	/* (non-Javadoc)
	 * @see android.view.View.OnClickListener#onClick(android.view.View)
	 */
	@Override
	public void onClick(View v) {
		
		// TODO Auto-generated method stub
		switch (v.getId()) {
		case R.id.delete:
			selectview.setText("");
			selectview.setBackgroundColor(Color.WHITE);
			pop.dismiss(); 
			break;

		case R.id.add:
			selectview.setBackgroundColor(Color.BLUE);
			pop.dismiss(); 
			break;
			
		case R.id.edit:
			selectview.setBackgroundColor(Color.GREEN);
			pop.dismiss(); 
			break;
	}  

}

main.xml代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TableLayout 
        android:id="@+id/tablelayout" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:background="#dedcd2" 
        android:stretchColumns="*" > 
 
        <TableRow 
            android:layout_margin="0.5dip" 
            android:layout_height="100dip"
            android:id="@+id/tableRow"
            android:background="#dedcd2" > 
 
            <com.cmdi.util.MyTextView 
                android:layout_margin="1dip" 
                android:layout_height="fill_parent"
                android:id="@+id/text1"
                android:text="" 
                android:textSize="20dip" 
                android:textStyle="bold" /> 
 
            <com.cmdi.util.MyTextView 
                android:layout_margin="1dip" 
                android:layout_height="fill_parent" 
                android:text="" 
                android:id="@+id/text2"
                android:textSize="20dip" 
                android:textStyle="bold" /> 
 
            <com.cmdi.util.MyTextView 
                android:layout_margin="1dip" 
                android:layout_height="fill_parent"
                android:text="" 
                android:id="@+id/text3"
                android:textSize="20dip" 
                android:textStyle="bold" /> 
            <com.cmdi.util.MyTextView 
                android:layout_margin="1dip" 
                android:layout_height="100dip"
                android:text="" 
                android:id="@+id/text4"
                android:textSize="20dip" 
                android:textStyle="bold" /> 
        </TableRow> 
    </TableLayout>
    <Button 
        android:text="保存"
        android:id="@+id/save"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"/>
    <!-- <Button 
        android:text="编辑"
        android:id="@+id/editButton"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"/> -->
    <Button 
        android:text="上传"
        android:id="@+id/upButton"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"/>

</LinearLayout>
popupWindow.xml代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" 
    android:background="@drawable/ba">

    <Button  
        android:id="@+id/delete"  
        android:layout_width="0dip"  
        android:layout_weight="1"
        android:layout_height="wrap_content" 
       	android:background="#00000000"
       	android:textColor="#FFFFFF"
        android:layout_marginTop="5dip"
        android:textSize="20dip"
        android:gravity="center_horizontal"
        android:layout_gravity="center"
        android:text="删除" />  
  
    <Button   
        android:id="@+id/add" 
        android:layout_width="0dip"
        android:layout_weight="1"  
        android:layout_height="wrap_content" 
        android:background="#00000000"
       	android:textColor="#FFFFFF"
        android:layout_marginTop="5dip"
        android:textSize="20dip"
        android:gravity="center_horizontal"
        android:layout_gravity="center"
        android:text="添加" /> 
     <Button   
        android:id="@+id/edit" 
        android:background="#00000000"
       	android:textColor="#FFFFFF"
        android:layout_width="0dip"
        android:layout_weight="1"  
        android:layout_height="wrap_content" 
        android:layout_marginTop="5dip"
        android:textSize="20dip"
        android:gravity="center_horizontal"
        android:layout_gravity="center"
        android:text="修改" /> 

</LinearLayout>
以上是其主要代码,想下载DEMO的可以到这个地址http://download.csdn.net/detail/yusewuhen/6653785下载,注意由于这个Demo还有文件创建、上传功能所以还需要你自己修改,选择其中有用的部分


超级简单的自定义PopupWindow 子控件的四个方向 底部

超级简单的自定义PopupWindow 子控件的四个方向 底部
  • menglele1314
  • menglele1314
  • 2015年10月30日 10:26
  • 3486

android 仿 微信带尖角的popwindow

最后的结果就是上图的样式, 首先要有个上图的背景图,其他就很简单。 下面是代码 首先pop的布局 ...
  • xq43701200
  • xq43701200
  • 2016年04月01日 21:27
  • 3209

Popupwindow点击事件+popupwindow以外的背景变暗

  • 2015年07月14日 10:56
  • 1020KB
  • 下载

【Android】 PopupWindow使用小结

PopupWindow的很多用法网上比较多,我就不做过多解释了,只说下可能会遇到的问题,以及解决办法:        1、PopupWindow中的listview无响应       这个...
  • dengbodb
  • dengbodb
  • 2012年09月04日 16:50
  • 2794

带旋转箭头的popupWindow的外部点击事件和控件点击事件冲突解决

PopupWindow的冲突问题
  • G_ibsonl
  • G_ibsonl
  • 2017年02月16日 10:41
  • 835

2017最新详解Android中对话框之PopupWindow(悬浮框)

一个用于显示信息的UI控件——PopupWindow(悬浮框), 如果你想知道 他长什么样子,你可以打开你手机的QQ,长按列表中的某项, 这个时候后弹出一个黑色的小 对话框,这种就是PopupWi...
  • u013758456
  • u013758456
  • 2017年06月28日 10:43
  • 381

android弹出窗口的实现(PopupWindow)

最近看到新浪微博顶部栏的微博分组效果很炫,从网上查了一些资料明白原来是用PopupWindow实现的,今天自己也写了一个例子实现了这种效果,希望对大家有帮助。          PopupWindo...
  • wangkuifeng0118
  • wangkuifeng0118
  • 2012年03月19日 11:51
  • 61640

Android-自定义PopupWindow

Android-自定义PopupWindow2014年5月12日 PopupWindow在应用中应该是随处可见的,很常用到,比如在旧版本的微信当中就用到下拉的PopupWindow,那是自定义的。新...
  • wwj_748
  • wwj_748
  • 2014年05月12日 21:54
  • 78274

Android之PopupWindow类似微信右上角的弹出菜单

日常开发过程中对于PopupWindown的使用也是比较多的。这里给大家展示一下PopupWindow的使用。 修改activity_main.xml布局: ...
  • LoveYaozu
  • LoveYaozu
  • 2016年04月14日 12:15
  • 6379

安卓仿微信界面,导航,右上角菜单栏

下面是安卓开发仿微信界面的代码。分为3步,第一步是界面的编写,第二步是导航界面,第三步是右上角菜单栏。开始第一步前先预览一下效果。 第一步,界面。界面的思路是利用ViewPager+Fragment...
  • Chase_Java
  • Chase_Java
  • 2017年03月17日 16:14
  • 3643
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android popupWindow 单箭头弹出框的实现
举报原因:
原因补充:

(最多只允许输入30个字)