android popup

android popup

android popup 有两种类型:
1. popup window
2. popup menu

POPUP WINDOW

popup window 和 popup menu 都是显示在其他的空间的上面(z轴)。
下面举例实现的例子;

例子:

package com.hualu.popup;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.view.Gravity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.WindowManager;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {

	private Button Left , right , above, below;
	private PopupWindow popupWLeft,popupWRight,popupWAbove,popupWBelow ;
	private Context mContext ;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		mContext = this.getApplicationContext() ;
		
		Left = (Button)this.findViewById(R.id.Left) ;
		right = (Button)this.findViewById(R.id.right) ;
		above = (Button)this.findViewById(R.id.above) ;
		below = (Button)this.findViewById(R.id.below) ;
		Button b = (Button)this.findViewById(R.id.button1) ;
		b.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				startActivity(new Intent("com.hualu.popup.POPUP_MENU")) ;
			}
		});
		Left.setOnClickListener(new OnClickListener(){

			@Override
			public void onClick(View v) {
				if(null != popupWLeft )
				if(!popupWLeft.isShowing()) {
				showLeftPopupWindow();
				}else{
					dimissionLeftPopupWindow() ;
				}
			}}) ;
		right.setOnClickListener(new OnClickListener(){
			
			@Override
			public void onClick(View v) {
				if(null != popupWRight )
					if(!popupWRight.isShowing()) {
						showRightPopupWindow();
					}else{
						dimissionRightPopupWindow() ;
					}
			}}) ;
		below.setOnClickListener(new OnClickListener(){
			
			@Override
			public void onClick(View v) {
				if(null != popupWBelow )
					if(!popupWBelow.isShowing()) {
						showBelowPopupWindow();
					}else{
						dimissionBelowPopupWindow() ;
					}
			}}) ;
		above.setOnClickListener(new OnClickListener(){
			
			@Override
			public void onClick(View v) {
				if(null != popupWAbove)
					if(!popupWAbove.isShowing()) {
						showAbovePopupWindow();
					}else{
						dimissionAbovePopupWindow() ;
					}
			}}) ;
		initLeftPopupWindow();
		initRightPopupWindow();
		initAbovePopupWindow();
		initBelowPopupWindow();
	}

	void initLeftPopupWindow(){
		
		popupWLeft = new PopupWindow(this) ;
		popupWLeft.setWidth(100) ;
		popupWLeft.setHeight(200) ;
		popupWLeft.setAnimationStyle(R.style.AnimationFade) ;
		popupWLeft.setFocusable(true) ;
		//设置为false 界面上除了popup window上面可以点击,其他控件都不可以点击(点击了会无效), 并且popup window会消失
		//默认是true. 其他控件都可以点击(点击会产生响应的效果), 并且popup window会消失
		popupWLeft.setOutsideTouchable(true);  
		popupWLeft.setClippingEnabled(true);
		popupWLeft.setIgnoreCheekPress();
		popupWLeft.setInputMethodMode(PopupWindow.INPUT_METHOD_FROM_FOCUSABLE) ;
		popupWLeft.setBackgroundDrawable(this.getResources().getDrawable(R.drawable.balloon_r_pressed)) ;
		View view = this.getLayoutInflater().inflate(R.layout.layout_popupwindow_view_listview,null);
		popupWLeft.setContentView(view) ;
		ListView list = (ListView)view.findViewById(R.id.listView1);
		List<String> objects = new ArrayList<String>() ;
		objects.add("one") ;
		objects.add("two") ;
		objects.add("three") ;
		objects.add("four") ;
		ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, objects) ;
		list.setSelector(R.drawable.task_list_selector);
		list.setAdapter(adapter) ;
		list.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id) {
				Toast.makeText(mContext, ((TextView)view).getText().toString(), Toast.LENGTH_SHORT).show() ;
				//dimissionLeftPopupWindow() ;
			}
		}) ;
		
	}
	
	void initRightPopupWindow(){
		
		popupWRight = new PopupWindow(this) ;
		popupWRight.setWidth(100) ;
		popupWRight.setHeight(200) ;
		popupWRight.setAnimationStyle(R.style.AnimationFade) ;
		popupWRight.setBackgroundDrawable(this.getResources().getDrawable(R.drawable.balloon_l_pressed)) ;
		popupWRight.setContentView(this.getLayoutInflater().inflate(R.layout.layout_popupwindow_view,null)) ;
		
	}
	
	void initAbovePopupWindow(){
		
		popupWAbove = new PopupWindow(this) ;
		popupWAbove.setWidth(100) ;
		popupWAbove.setHeight(200) ;
		popupWAbove.setAnimationStyle(R.style.AnimationFade) ;
		//当输入法弹起来的时候,popupView不会向上移动。
		popupWAbove.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN);
		popupWAbove.setFocusable(true);
		//单独设定这句:下面这个两个效果达不到
		//1. 點擊PopupWindow以外的地方。
		//2. 點擊左下的Back按鈕。
		//需要加popupWAbove.setFocusable(true);
		popupWAbove.setBackgroundDrawable(/*new BitmapDrawable());*/this.getResources().getDrawable(R.drawable.billd_selected)) ;
		popupWAbove.setContentView(this.getLayoutInflater().inflate(R.layout.layout_popupwindow_view,null)) ;
		
	}
	
	void initBelowPopupWindow(){
		
		popupWBelow = new PopupWindow(this) ;
		popupWBelow.setWidth(100) ;
		popupWBelow.setHeight(200) ;
		popupWBelow.setAnimationStyle(R.style.AnimationFade) ;
		popupWBelow.setBackgroundDrawable(this.getResources().getDrawable(R.drawable.near_filter_popup)) ;
		popupWBelow.setContentView(this.getLayoutInflater().inflate(R.layout.layout_popupwindow_view,null)) ;
		
	}
	
	void showLeftPopupWindow(){
		popupWLeft.showAtLocation(Left, Gravity.LEFT|Gravity.BOTTOM, 60, 200);
	}
	
	void dimissionLeftPopupWindow(){
			popupWLeft.dismiss();
	}
	
	
	void showRightPopupWindow(){
		popupWRight.showAtLocation(right, Gravity.RIGHT|Gravity.BOTTOM, 50, 140);
	}
	
	void dimissionRightPopupWindow(){
		popupWRight.dismiss();
	}
	
	
	void showAbovePopupWindow(){
		popupWAbove.showAtLocation(above, Gravity.TOP, 50, 185);
	}
	
	void dimissionAbovePopupWindow(){
		popupWAbove.dismiss();
	}
	
	
	void showBelowPopupWindow(){
		popupWBelow.showAsDropDown(below);
	}
	
	void dimissionBelowPopupWindow(){
		popupWBelow.dismiss();
	}
	
	
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		getMenuInflater().inflate(R.menu.activity_main, menu);
		return true;
	}

}
activity_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >


    <Button
        android:id="@+id/Left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true" 
        android:textColor="@drawable/button_selector"
        android:background="@drawable/button_drawable_selector"
        android:text="Left" />

    <Button
        android:id="@+id/above"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/Left"
        android:layout_alignBottom="@+id/Left"
        android:layout_toRightOf="@+id/Left"
        android:text="above" />

    <Button
        android:id="@+id/below"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/Left"
        android:layout_below="@+id/Left"
        android:text="below" />

    <Button
        android:id="@+id/right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/above"
        android:layout_toRightOf="@+id/below"
        android:text="right" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:text="@string/popup_menu" />

</RelativeLayout>
layout_popupwindow_view.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" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" />

    <TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" />

</LinearLayout>

layout_popupwindow_view_listview.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" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Header" />

    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </ListView>
    
</LinearLayout>
style.xml
<resources>

    <!--
        Base application theme, dependent on API level. This theme is replaced
        by AppBaseTheme from res/values-vXX/styles.xml on newer devices.
    -->
    <style name="AppBaseTheme" parent="android:Theme.Light">
        <!--
            Theme customizations available in newer API levels can go in
            res/values-vXX/styles.xml, while customizations related to
            backward-compatibility can go here.
        -->
    </style>

    <!-- Application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">
        <!-- All customizations that are NOT specific to a particular API-level can go here. -->
    </style>

    <style name="AnimationFade">
	    <item name="android:windowEnterAnimation">@anim/fade_in</item>
	    <item name="android:windowExitAnimation">@anim/fade_out</item>
	</style>
    
</resources>
fade_in.xml
<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:fromAlpha="0" 
    android:toAlpha="1" 
    android:duration="1000">

</alpha>
fade_out.xml
<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:fromAlpha="1" 
    android:toAlpha="0" 
    android:duration="1000">
    

</alpha>

效果:




POPUP MENU


package com.hualu.popup;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.PopupMenu;
import android.widget.PopupMenu.OnMenuItemClickListener;
import android.widget.Toast;

public class PopupMenuActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.layout_popup_menu) ;
		Button btn = (Button) findViewById(R.id.btn);
		 
        OnClickListener listener = new OnClickListener() {
 
            @SuppressLint("NewApi")
			@Override
            public void onClick(View v) {
                /** Instantiating PopupMenu class */
                PopupMenu popup = new PopupMenu(getBaseContext(), v);
 
                /** Adding menu items to the popumenu */
                popup.getMenuInflater().inflate(R.menu.popup, popup.getMenu());
 
                /** Defining menu item click listener for the popup menu */
                popup.setOnMenuItemClickListener(new OnMenuItemClickListener() {
 
                    @Override
                    public boolean onMenuItemClick(MenuItem item) {
                        Toast.makeText(getBaseContext(), "You selected the action : " + item.getTitle(), Toast.LENGTH_SHORT).show();
                        return true;
                    }
                });
 
                /** Showing the popup menu */
                popup.show();
 
            }
        };
 
        btn.setOnClickListener(listener);
    }
 
	
}
layout_popup_menu.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
 
    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="@string/str_btn" />
</RelativeLayout>
strings.xml
    <string name="str_btn">Open Popup Menu</string>
    <string name="action1">Action1</string>
    <string name="action2">Action2</string>
    <string name="action3">Action3</string>
    <string name="popup_menu">popup menu</string>

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.hualu.popup"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="17" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.hualu.popup.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".PopupMenuActivity" >
            <intent-filter>
                <action android:name="com.hualu.popup.POPUP_MENU" />
                <category android:name="android.intent.category.DEFAULT"/>
			</intent-filter>
        </activity>
    </application>

</manifest>



效果:



















评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值