Android自定义PopupWindow 动画

在公司项目中需要自定义PopupWindow,在這里记录下，方便以后可以查看，自定义PopupWindow 主要的难点是显示的位置在哪里，在這里也有讲解到,代码上传下，动画文件的代码就不上了，有要求的可以去這个地址下载：

demo 下载：  http://download.csdn.net/detail/pigseesunset/9704740

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"
android:orientation="horizontal"
tools:context="com.testopensourceapplication.popwindondemo.MainActivity">

<LinearLayoutandroid:id="@+id/ll_hud_dismiss_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:background="#000000"
android:gravity="center"
android:orientation="horizontal"
android:visibility="visible"
android:weightSum="4">

<TextView
android:id="@+id/fg_tv_hud_exit_navi"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@drawable/control_bg"
android:clickable="true"
android:focusable="true"
android:focusableInTouchMode="true"
android:gravity="center"
android:nextFocusDown="@+id/fg_tv_hud_switch_model"
android:nextFocusLeft="@+id/fg_tv_hud_see_plan"
android:nextFocusRight="@+id/fg_tv_hud_switch_model"
android:nextFocusUp="@+id/fg_tv_hud_see_plan"
android:text="退出导航"
android:textColor="#ffffff"
android:textSize="30sp" />

<TextView
android:id="@+id/fg_tv_hud_switch_model"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@drawable/control_bg"
android:clickable="true"
android:focusable="true"
android:gravity="center"
android:nextFocusDown="@+id/fg_tv_hud_nearby_addr"
android:nextFocusLeft="@+id/fg_tv_hud_exit_navi"
android:nextFocusRight="@+id/fg_tv_hud_nearby_addr"
android:nextFocusUp="@+id/fg_tv_hud_exit_navi"
android:text="模式切换"
android:textColor="#ffffff"
android:textSize="30sp" />

<TextView
android:id="@+id/fg_tv_hud_nearby_addr"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@drawable/control_bg"
android:clickable="true"
android:focusable="true"
android:gravity="center"
android:nextFocusDown="@+id/fg_tv_hud_see_plan"
android:nextFocusLeft="@+id/fg_tv_hud_switch_model"
android:nextFocusRight="@+id/fg_tv_hud_see_plan"
android:nextFocusUp="@+id/fg_tv_hud_switch_model"
android:text="附近"
android:textColor="#ffffff"
android:textSize="30sp" />

<TextView
android:id="@+id/fg_tv_hud_see_plan"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@drawable/control_bg"
android:clickable="true"
android:focusable="true"
android:gravity="center"
android:nextFocusDown="@+id/fg_tv_hud_exit_navi"
android:nextFocusLeft="@+id/fg_tv_hud_nearby_addr"
android:nextFocusRight="@+id/fg_tv_hud_exit_navi"
android:nextFocusUp="@+id/fg_tv_hud_nearby_addr"
android:text="全览图"
android:textColor="#ffffff"
android:textSize="30sp"/>
</LinearLayout>
</FrameLayout>

hud_menu.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="@drawable/left_side_bg"
android:orientation="vertical"
android:weightSum="4">
<TextView
android:id="@+id/hm_tv_nearby_bank"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="@drawable/control_bg"
android:clickable="true"
android:focusable="true"
android:gravity="center"
android:nextFocusDown="@+id/hm_tv_search_parking_lot"
android:nextFocusLeft="@+id/hm_im_close_pop"
android:nextFocusRight="@+id/hm_tv_search_parking_lot"
android:nextFocusUp="@+id/hm_im_close_pop"
android:text="银行"
android:textColor="#ffffff"
android:textSize="25sp" />

<TextView
android:id="@+id/hm_tv_search_parking_lot"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="@drawable/control_bg"
android:clickable="true"
android:focusable="true"
android:gravity="center"
android:nextFocusDown="@+id/hm_tv_search_gas_station"
android:nextFocusLeft="@+id/hm_tv_nearby_bank"
android:nextFocusRight="@+id/hm_tv_search_gas_station"
android:nextFocusUp="@+id/hm_tv_nearby_bank"
android:text="停车场"
android:textColor="#ffffff"
android:textSize="25sp" />

<TextView
android:id="@+id/hm_tv_search_gas_station"
android:layout_width="match_parent"
android:layout_heig
10d85
ht="0dp"
android:layout_weight="1"
android:background="@drawable/control_bg"
android:clickable="true"
android:focusable="true"
android:gravity="center"
android:nextFocusDown="@+id/hm_tv_search_hotel"
android:nextFocusLeft="@+id/hm_tv_search_parking_lot"
android:nextFocusRight="@+id/hm_tv_search_hotel"
android:nextFocusUp="@+id/hm_tv_search_parking_lot"
android:text="加油站"
android:textColor="#ffffff"
android:textSize="25sp" />

<TextView
android:id="@+id/hm_tv_search_hotel"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="@drawable/control_bg"
android:clickable="true"
android:focusable="true"
android:gravity="center"
android:nextFocusDown="@+id/hm_im_close_pop"
android:nextFocusLeft="@+id/hm_tv_search_gas_station"
android:nextFocusRight="@+id/hm_im_close_pop"
android:nextFocusUp="@+id/hm_tv_search_gas_station"
android:text="酒店"
android:textColor="#ffffff"
android:textSize="25sp" />
</LinearLayout>

CustomerPopWindow.class

package com.testopensourceapplication.popwindondemo;

import android.app.Activity;
import android.view.Gravity;
import android.view.View;
import android.widget.PopupWindow;

/**
* Created by HE on 2016/12/7.
*/
public class CustomerPopWindow extends PopupWindow {

/**
*
* @param context  上下文对象
* @param layout  PopupWindow的View
* @param popWidth   PopupWindow的宽
* @param popHight   PopupWindow的高
* @param PointView  指定控件
* @param gravity  指定位置
* @param animationStyle  动画类型 没有填-1
* @param Xpixl    x轴偏移量（偏移量要自己根据界面坐标算）
* @param Ypixl  y轴偏移量（偏移量要自己根据界面坐标算）
*/
public CustomerPopWindow(final Activity context,View layout, int popWidth,int popHight,View PointView,
int gravity,int animationStyle,int Xpixl,int Ypixl ){{

// 设置 PopupWindow的View
this.setContentView(layout);
//设置弹出窗体的宽高
this.setWidth(popWidth);
this.setHeight(popHight);
//设置弹出窗体可点击
this.setFocusable(true);
this.setOutsideTouchable(true);
//刷新状态
this.update();

this.setBackgroundDrawable(context.getResources().getDrawable(R.drawable.left_side_bg));

//窗体显示的位置
showAtCustomerLocation(PointView, gravity, animationStyle, Xpixl, Ypixl);
}

}

/**
*
* @param PointView  指定控件
* @param gravity 指定位置
* @param direction  控件显示的位置
* @param Xpixl x轴偏移量
* @param Ypixl   y轴偏移量
*/
public void showAtCustomerLocation(View PointView, int gravity, int direction, int Xpixl, int Ypixl){
//指定控件上面显示
if(gravity== Gravity.NO_GRAVITY){
int[] location = new int[2];//指定控件的坐标，界面左上角是（0，0），记住这一点，具体什么方向显示就easy了
PointView.getLocationOnScreen(location);
switch (direction) {
case 0://指定控件左面显示：
this.setAnimationStyle(R.style.popwin_anim_style_left);
this.showAtLocation(PointView, Gravity.NO_GRAVITY, location[0] - this.getWidth() + Xpixl, location[1] + Ypixl);
break;
case 1://指定控件右面显示：
this.setAnimationStyle(R.style.popwin_anim_style_right);
this.showAtLocation(PointView, Gravity.NO_GRAVITY, location[0] + this.getWidth() + Xpixl, location[1] + Ypixl);
return;
case 2://指定控件上面显示：
this.setAnimationStyle(R.style.popwin_anim_style);
this.showAtLocation(PointView, Gravity.NO_GRAVITY, location[0] + Xpixl, location[1] - this.getHeight() + Ypixl);
return;
case 3: //指定控件下面显示：
this.setAnimationStyle(R.style.popwin_anim_style_down);
this.showAtLocation(PointView, Gravity.NO_GRAVITY, location[0] + Xpixl, location[1] + PointView.getHeight() + Ypixl);
return;
}
}
//中间显示
else {
this.showAtLocation(PointView, gravity, 0, 0);
}
}
}

MainActivity.class

package com.testopensourceapplication.popwindondemo;

import android.os.Build;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.WindowManager;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity implements View.OnClickListener{
LinearLayout ll_hud_dismiss_view;
TextView fg_tv_hud_exit_navi;
TextView fg_tv_hud_switch_model;
TextView fg_tv_hud_nearby_addr;
TextView fg_tv_hud_see_plan;

TextView hm_tv_nearby_bank, hm_tv_search_parking_lot,
hm_tv_search_gas_station, hm_tv_search_hotel;

private CustomerPopWindow popupWindow = null;// 附近的地点
int width;
int height;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
//透明状态栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//透明导航栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
}
initView();

}

public void initView(){

//获取屏幕的宽高
WindowManager wm = this.getWindowManager();
width = wm.getDefaultDisplay().getWidth();
height = wm.getDefaultDisplay().getHeight();

ll_hud_dismiss_view = (LinearLayout)findViewById(R.id.ll_hud_dismiss_view);
fg_tv_hud_exit_navi = (TextView) findViewById(R.id.fg_tv_hud_exit_navi);
fg_tv_hud_switch_model = (TextView) findViewById(R.id.fg_tv_hud_switch_model);
fg_tv_hud_nearby_addr = (TextView) findViewById(R.id.fg_tv_hud_nearby_addr);
fg_tv_hud_see_plan = (TextView) findViewById(R.id.fg_tv_hud_see_plan);
fg_tv_hud_exit_navi.setOnClickListener(this);
fg_tv_hud_switch_model.setOnClickListener(this);
fg_tv_hud_nearby_addr.setOnClickListener(this);
fg_tv_hud_see_plan.setOnClickListener(this);

}
@Override
public void onClick(View v) {
switch (v.getId()){
case R.id.fg_tv_hud_exit_navi:
break;
case  R.id.fg_tv_hud_switch_model:
break;
case R.id.fg_tv_hud_nearby_addr:
showPopupWindow();
break;
case R.id.fg_tv_hud_see_plan:
break;
default:
break;

}
}
private void showPopupWindow(){

//填冲布局
LinearLayout layout_menu = (LinearLayout) LayoutInflater.from(
MainActivity.this).inflate(R.layout.hud_menu, null);
hm_tv_nearby_bank = (TextView) layout_menu
.findViewById(R.id.hm_tv_nearby_bank);

hm_tv_search_gas_station = (TextView) layout_menu
.findViewById(R.id.hm_tv_search_gas_station);

hm_tv_search_parking_lot = (TextView) layout_menu
.findViewById(R.id.hm_tv_search_parking_lot);

hm_tv_search_hotel = (TextView) layout_menu
.findViewById(R.id.hm_tv_search_hotel);

hm_tv_nearby_bank.setOnClickListener(this);
hm_tv_search_gas_station.setOnClickListener(this);
hm_tv_search_parking_lot.setOnClickListener(this);
hm_tv_search_hotel.setOnClickListener(this);

popupWindow = new CustomerPopWindow(MainActivity.this, layout_menu, width / 4, height / 2, ll_hud_dismiss_view, Gravity.NO_GRAVITY, 2, width/2, 0);
if (!hm_tv_nearby_bank.isFocused()) {
hm_tv_nearby_bank.requestFocus();
}

}
}