天天看點

安卓PopupWindow的詳細用法、位置、動畫效果等

安卓PopupWindow是一個友善并且使用很常見的彈窗,下面詳細介紹下PopupWindow的使用。

先附上效果圖:

安卓PopupWindow的詳細用法、位置、動畫效果等

//圖截得不太好,大家湊合這用,重點是它的用法。

//關于popupWindow的實作關鍵代碼如下:

package com.lyk.activity;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import com.lyk.listview2.R;

import android.app.Activity;
import android.content.Intent;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.SimpleAdapter;

public class MainActivity extends Activity 
{
	private ListView listView;
	private SimpleAdapter adapter;
	private String[] from = {"text"};
	private int[] to = {R.id.text};
	private Map<String,Object> map;
	
	protected void onCreate(Bundle savedInstanceState) 
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		listView = (ListView)findViewById(R.id.listView);
		adapter = new SimpleAdapter(this,getData(),R.layout.simplaadapter_listview,from,to);
		listView.setAdapter(adapter);
		listView.setOnItemClickListener(new onItemClickListeners());
		
	}
	/**
	 * 資料源
	 * @return
	 */
	private List<? extends Map<String, ?>> getData(){	
		List<Map<String,Object>> list = new ArrayList<Map<String,Object>>();
		
		for(int i = 0;i<7;i++){
			map = new HashMap<String, Object>();
			map.put("text","item"+i);
			list.add(map);
		}
		return list;
	}
	/**
	 * 條目事件
	 * @author Administrator
	 *
	 */
	final class onItemClickListeners implements OnItemClickListener{

		public void onItemClick(AdapterView<?> parent, View view, int position,
				long id) {
			System.out.println("id"+id);
			System.out.println("position"+position);
			System.out.println("view"+view.toString());//relative
			System.out.println("parent"+parent.toString());//listview
			
			System.out.println(parent.getChildAt(0).toString());
			
			initPopup();
		  	popup.showAsDropDown(view,0,5);//相對某個控件的位置(正左下方),偏移可選
			
		}
		
	}
	
	private View parent;//popup相對view
	private PopupWindow popup;
	private View contentView;
	public void initPopup(){
		
		//初始動畫
//		animation = AnimationUtils.loadAnimation(getApplicationContext(),R.anim.bottom);
		
		//從指定的xml添加一個view
		contentView = getLayoutInflater().inflate(R.layout.popup_window,null);
		popup = new PopupWindow(contentView,ViewGroup.LayoutParams.MATCH_PARENT,
				ViewGroup.LayoutParams.WRAP_CONTENT);
		popup.setFocusable(true);//設定焦點
	  	popup.setBackgroundDrawable(new BitmapDrawable());//設定背景位圖
	  	popup.setAnimationStyle(R.style.animation);//設定動畫
	  	
	  	parent = this.findViewById(R.id.main);
//	  	popup.showAtLocation(parent,Gravity.BOTTOM,0,0);//在父容器的位置
	}

	public boolean onCreateOptionsMenu(Menu menu) 
	{
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}
           

//要實作popupWindow的動畫效果,還需下面的兩個平移動畫(底部):

//進入動畫:

<?xml version="1.0" encoding="utf-8"?>
<set 
    xmlns:android="http://schemas.android.com/apk/res/android"     
    android:shareInterpolator="false" 
    >
	<!-- 平移動畫 -->
	<translate             
	    android:fromYDelta="100%p"        
	    android:toYDelta="0" 
	    android:duration="600"
	    />
	<!-- 透明度改變動畫 -->
	<alpha        
	    android:fromAlpha="0"        
	    android:toAlpha="1.0" 
	    android:duration="600"
	    />

</set>
           

//隐藏PopupWindow動畫:

<?xml version="1.0" encoding="utf-8"?>
<set 
    xmlns:android="http://schemas.android.com/apk/res/android"     
    android:shareInterpolator="false" 
    >
	<!-- 平移動畫 -->
	<translate             
	    android:fromYDelta="0"        
	    android:toYDelta="100%p" 
	    android:duration="1000"
	    />
	<!-- 透明度改變動畫 -->
	<alpha        
	    android:fromAlpha="1.0"        
	    android:toAlpha="0" 
	    android:duration="1000"
	    />

</set>
           

//實作PopupWindow視窗就是這麼簡單,大家值得注意和研究的是PopupWindow的顯示位置

他有兩種API顯示:

1、popup.showAsDropDown(view,0,5);//相對某個控件的位置(正左下方),偏移可選

2、popup.showAtLocation(parent,Gravity.BOTTOM,0,0);//在父容器的位置,在底部(偏移可選)