首页 > Android > 正文

创建Popwindow弹出菜单的两种方式

2016-04-01 Android 457 ℃ 0 评论

方法一的Activity

package com.app.test02;
import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.ViewGroup.LayoutParams;
import android.widget.Button;
import android.widget.PopupWindow;
import android.widget.Toast;
public class PopwindowLeft extends Activity {  
    // 声明PopupWindow对象的引用  
    private PopupWindow popupWindow;  
    /** Called when the activity is first created. */  
    @Override  
    public void onCreate(Bundle savedInstanceState) {    
        super.onCreate(savedInstanceState);    
        setContentView(R.layout.activity_popupwindow_main);    
        // 点击按钮弹出菜单    
        Button pop = (Button) findViewById(R.id.popBtn);   
        pop.setOnClickListener(popClick);  
      }  
      // 点击弹出左侧菜单的显示方式  
      OnClickListener popClick = new OnClickListener() {    
      @Override    
      public void onClick(View v) {      
      // TODO Auto-generated method stub      
          getPopupWindow();      
          // 这里是位置显示方式,在屏幕的左侧      
          popupWindow.showAtLocation(v, Gravity.LEFT, 0, 0);    
          }  
      };  
      /**   * 创建PopupWindow   */  
      protected void initPopuptWindow() {    
          // TODO Auto-generated method stub    
          // 获取自定义布局文件activity_popupwindow_left.xml的视图   
          View popupWindow_view = getLayoutInflater().inflate(R.layout.activity_popupwindow_left, null,false);   
           // 创建PopupWindow实例,200,LayoutParams.MATCH_PARENT分别是宽度和高度    
           popupWindow = new PopupWindow(popupWindow_view, 200, LayoutParams.MATCH_PARENT, true);    
           // 设置动画效果    
           popupWindow.setAnimationStyle(R.style.AnimationFade);    
           // 点击其他地方消失    
           popupWindow_view.setOnTouchListener(new OnTouchListener() {      
           @Override      
           public boolean onTouch(View v, MotionEvent event) {        
               // TODO Auto-generated method stub        
               if (popupWindow != null && popupWindow.isShowing()) {          
               popupWindow.dismiss();          
               popupWindow = null;        
           }        
           return false;      
          }    
       });  
    }  
    
    /***   * 获取PopupWindow实例   */  
    private void getPopupWindow() {    
        if (null != popupWindow) {      
            popupWindow.dismiss();      
            return;    
        } else {      
            initPopuptWindow();    
        }  
   }
}

方法二的Activity

package com.app.test02;
import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.ViewGroup.LayoutParams;
import android.widget.PopupWindow;
public class PopwindowLeftNew extends Activity{
  private PopupWindow popupWindow;  
  @Override  
  protected void onCreate(Bundle savedInstanceState) { 
     // TODO Auto-generated method stub    
     super.onCreate(savedInstanceState);    
     setContentView(R.layout.activity_popupwindow_main);        
     findViewById(R.id.popBtn).setOnClickListener(new OnClickListener() {
           @Override      public void onClick(View v) {        
           // TODO Auto-generated method stub        
           // 获取自定义布局文件activity_popupwindow_left.xml的视图        
           View popupWindow_view = getLayoutInflater().inflate(R.layout.activity_popupwindow_left, null,false);        
           // 创建PopupWindow实例,200,LayoutParams.MATCH_PARENT分别是宽度和高度        
           popupWindow = new PopupWindow(popupWindow_view, 200, LayoutParams.MATCH_PARENT, true);        
           // 设置动画效果        
           popupWindow.setAnimationStyle(R.style.AnimationFade);        
           // 这里是位置显示方式,在屏幕的左侧        
           popupWindow.showAtLocation(v, Gravity.LEFT, 0, 0);        
           // 点击其他地方消失        
           popupWindow_view.setOnTouchListener(new OnTouchListener() {          
           @Override          
               public boolean onTouch(View v, MotionEvent event) {            
               // TODO Auto-generated method stub            
                   if (popupWindow != null && popupWindow.isShowing()) {              
                       popupWindow.dismiss();              
                       popupWindow = null;            
                   }            
                   return false;          
               }        
           });      
           }    
       });      
    }
}

效果图

miyI7n.jpg!web.jpg

附:一些相关的布局文件

PopupWindow弹出菜单

activity_popupwindow_main.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="vertical"
    android:background="#fff" >
      <Button android:id="@+id/popBtn"     
              android:layout_width="fill_parent"     
              android:layout_height="wrap_content"     
              android:text="弹出左侧菜单" />   
 </LinearLayout>

activity_popupwindow_left.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:background="@android:color/darker_gray"
    android:orientation="vertical"
    android:gravity="center"
    android:paddingTop="50dp">

    <Button        android:id="@+id/open"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/darker_gray"
        android:text="打开" />

    <Button        android:id="@+id/save"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/darker_gray"
        android:text="保存" />

    <Button        android:id="@+id/close"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/darker_gray"
        android:text="关闭" />


    <Button        android:id="@+id/open"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/darker_gray"
        android:text="打开" />

    <Button        android:id="@+id/save"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/darker_gray"
        android:text="保存" />

    <Button        android:id="@+id/close"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/darker_gray"
        android:text="关闭" />
    
    <Button        android:id="@+id/open"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/darker_gray"
        android:text="打开" />

    <Button        android:id="@+id/save"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/darker_gray"
        android:text="保存" />

    <Button        android:id="@+id/close"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/darker_gray"
        android:text="关闭" />
    </LinearLayout>

弹出动画XML

在res文件夹下,建立anim文件夹。写入如下两个文件。

弹出动画

in_lefttoright.xml      

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 定义从左向右进入的动画 -->
    <translate        
        android:duration="500"
        android:fromXDelta="-100%"
        android:toXDelta="0" />
</set>
弹回动画

out_righttoleft.xml        

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 定义从右向左动画退出动画 -->
    <translate        
        android:duration="500"
        android:fromXDelta="0"
        android:toXDelta="-100%" />
</set>

动画管理

在styles.xml中,添加如下管理代码。

<style name="AnimationFade">        <!-- PopupWindow左右弹出的效果 -->
  <item name="android:windowEnterAnimation">@anim/in_lefttoright</item>
  <item name="android:windowExitAnimation">@anim/out_righttoleft</item>
</style>


猜你喜欢

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

请填写验证码
日历
«   2018年10月   »
1234567
891011121314
15161718192021
22232425262728
293031
网站分类
最近发表
标签列表
站点信息
  • 文章总数:153
  • 页面总数:1
  • 分类总数:11
  • 标签总数:171
  • 评论总数:4
  • 浏览总数:94719