自定义PopupWindow+xml布局+Anim

MainActivity.java

package com.example.mybottompopupwindowdemo;

import android.app.Activity;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.support.v4.view.ViewPager.LayoutParams;
import android.view.Gravity;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.WindowManager;
import android.view.animation.Animation;
import android.view.animation.ScaleAnimation;
import android.view.animation.Animation.AnimationListener;
import android.widget.Button;
import android.widget.PopupWindow;
import android.widget.RelativeLayout;

public class MainActivity extends Activity implements OnClickListener {

	private Button button;
	private PopupWindow mcontactsBottompopup;
	private View contactBottomPopulayout;
	private RelativeLayout ll_contact_root;
	private RelativeLayout rl_contact_copy;
	private RelativeLayout rl_contact_send;
	private RelativeLayout rl_contact_cancle;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		button = (Button) findViewById(R.id.button);
		ll_contact_root = (RelativeLayout) findViewById(R.id.ll_contact_root);
		initContactsBottmoPopu();
		button.setOnClickListener(new View.OnClickListener() {

			@Override
			public void onClick(View v) {
				if (mcontactsBottompopup.isShowing()) {
					mcontactsBottompopup.dismiss();// 关闭

				} else {
					mcontactsBottompopup.showAtLocation(MainActivity.this
							.findViewById(R.id.ll_contact_root), Gravity.BOTTOM
							| Gravity.CENTER_HORIZONTAL, 0, 0);

					// 动画效果

					WindowManager.LayoutParams params = getWindow()
							.getAttributes();
					params.alpha = 0.7f;
					getWindow().setAttributes(params);

					ScaleAnimation animation = new ScaleAnimation(1f, 1f, 0f,
							1f, Animation.RELATIVE_TO_SELF, 0.5f,
							Animation.RELATIVE_TO_SELF, 1.0f);
					animation.setDuration(150);
					animation.setFillAfter(true);
					contactBottomPopulayout.startAnimation(animation);
				}
			}
		});

		mcontactsBottompopup
				.setOnDismissListener(new PopupWindow.OnDismissListener() {

					@Override
					public void onDismiss() {
						WindowManager.LayoutParams params = getWindow()
								.getAttributes();
						params.alpha = 1.0f;
						getWindow().setAttributes(params);

						ScaleAnimation animation = new ScaleAnimation(1f, 1f,
								0f, 1f, Animation.RELATIVE_TO_SELF, 0.5f,
								Animation.RELATIVE_TO_SELF, 1.0f);
						animation.setDuration(150);
						animation.setFillAfter(true);
						contactBottomPopulayout.startAnimation(animation);
					}
				});
	}

	private void initContactsBottmoPopu() {

		contactBottomPopulayout = View.inflate(this,
				R.layout.contacts_bottom_popup, null);
		mcontactsBottompopup = new PopupWindow(contactBottomPopulayout);
		mcontactsBottompopup.setContentView(contactBottomPopulayout);

		// 加上这个popupwindow中的ListView才可以接收点击事件
		mcontactsBottompopup.setWidth(LayoutParams.FILL_PARENT);
		mcontactsBottompopup.setHeight(LayoutParams.WRAP_CONTENT);
		mcontactsBottompopup.setFocusable(true);
		// ColorDrawable dw = new ColorDrawable(0xb0000000);

		mcontactsBottompopup.setBackgroundDrawable(new BitmapDrawable());
		mcontactsBottompopup
				.setAnimationStyle(R.style.contactPopuAnimationExit);
		mcontactsBottompopup.setOutsideTouchable(true);

		rl_contact_copy = (RelativeLayout) contactBottomPopulayout
				.findViewById(R.id.rl_contact_copy);
		rl_contact_send = (RelativeLayout) contactBottomPopulayout
				.findViewById(R.id.rl_contact_send);
		rl_contact_cancle = (RelativeLayout) contactBottomPopulayout
				.findViewById(R.id.rl_contact_cancle);

		rl_contact_copy.setOnClickListener(this);
		rl_contact_send.setOnClickListener(this);
		rl_contact_cancle.setOnClickListener(this);

	}

	@Override
	public void onClick(View v) {
		switch (v.getId()) {
		case R.id.rl_contact_copy:
			contactBottomPopuExit();
			break;
		case R.id.rl_contact_send:
			contactBottomPopuExit();
			break;

		case R.id.rl_contact_cancle:
			contactBottomPopuExit();
			break;

		default:
			break;
		}
	}

	private void contactBottomPopuExit() {

		ScaleAnimation animation = new ScaleAnimation(1f, 1f, 1f, 0f,
				Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
				1.0f);
		animation.setDuration(150);
		animation.setFillAfter(true);
		contactBottomPopulayout.startAnimation(animation);

		WindowManager.LayoutParams params = getWindow().getAttributes();
		params.alpha = 1.0f;
		getWindow().setAttributes(params);

		animation.setAnimationListener(new AnimationListener() {

			@Override
			public void onAnimationStart(Animation animation) {

			}

			@Override
			public void onAnimationRepeat(Animation animation) {

			}

			@Override
			public void onAnimationEnd(Animation animation) {
				mcontactsBottompopup.dismiss();// 关闭
			}
		});

	}

}

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"
    android:id="@+id/ll_contact_root"
    tools:context="com.example.mybottompopupwindowdemo.MainActivity" >

    <Button
        android:id="@+id/button"
        android:text="点击我,从底部滑出popupwindow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</RelativeLayout>

contacts_bottom_popup.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="wrap_content"
    android:layout_gravity="bottom"
    android:background="#ebebe9"
    android:orientation="vertical" >

    <RelativeLayout
         android:background="@drawable/bottom_popu_bg_selector"
        android:id="@+id/rl_contact_copy"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_marginTop="8dp" >

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="20dp"
            android:layout_toRightOf="@+id/iv_contact_copy"
            android:text="复制号码"
            android:textColor="#111111"
            android:textSize="16dp" />

        <ImageView
            android:id="@+id/iv_contact_copy"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_marginLeft="18dp"
            android:background="@drawable/iv_contact_copy" />
    </RelativeLayout>

    <RelativeLayout
         android:background="@drawable/bottom_popu_bg_selector"
        android:id="@+id/rl_contact_send"
        android:layout_width="match_parent"
        android:layout_height="48dp" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="20dp"
            android:layout_toRightOf="@+id/iv_contact_send"
            android:text="发送号码"
            android:textColor="#111111"
            android:textSize="16dp" />

        <ImageView
            android:id="@+id/iv_contact_send"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_marginLeft="17dp"
            android:background="@drawable/iv_contact_send" />
    </RelativeLayout>

    <RelativeLayout
         android:background="@drawable/bottom_popu_bg_selector"
        android:id="@+id/rl_contact_cancle"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_marginBottom="8dp" >

        <ImageView
            android:id="@+id/iv_contact_cancle"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_centerVertical="true"
            android:layout_marginLeft="17dp"
            android:background="@drawable/iv_contact_cancle" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="20dp"
            android:layout_toRightOf="@+id/iv_contact_cancle"
            android:text="取消"
            android:textColor="#111111"
            android:textSize="16dp" />
    </RelativeLayout>

</LinearLayout>

bottom_popu_bg_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"  android:drawable="@drawable/more_popu_pressed"/>
    <item android:drawable="@drawable/contact_bottom_popu_normal" />
</selector>

contactpopu.xml

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

    <!--
    位移效果
    fromXDelta="0%p" 指的x轴是相对于父控件从父控件的x=0出开始位移
    fromYDelta="0%p" 指的y轴是相对于父控件从父控件的y=0出开始位移
    toXDelta="100%p" 指的x轴是相对于父控件到达父控件的x=100的位置即x轴在屏幕的终点
    toYDelta="100%p" 指的y轴是相对于父控件到达父控件的y=100的位置即x轴在屏幕的终点

    -->

 	<scale
 	      android:duration="250"
    android:pivotX="50%"
    android:pivotY="100%"
      android:fromXScale="1.0"
    android:toXScale="1.0"
    android:fromYScale="1.0"
    android:toYScale="0.0" />

</set>

color.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <drawable name="more_popu_pressed">#d9d9d9</drawable>
    <drawable name="contact_bottom_popu_normal">#ebebe9</drawable>

</resources>

styles.xml

    <style name="contactPopuAnimationExit">
        <item name="android:windowExitAnimation">@anim/contactpopu</item>
</style>
时间: 2024-11-08 19:05:03

自定义PopupWindow+xml布局+Anim的相关文章

xml布局自定义SurfaceView模板

package com.dream.apm; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.RectF; import android.util.AttributeSet; import android.util.Log; import andr

自定义PopupWindow动画效果

Java代码   public class RollActivity extends Activity { private View view; private Button btn; private PopupWindow mPopupWindow; private View[] btns; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceS

Android 自定义PopupWindow动画效果

public class RollActivity extends Activity { private View view; private Button btn; private PopupWindow mPopupWindow; private View[] btns; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { s

分别用自定义PopupWindow和自定义Dialog实现下拉菜单

首先看下分别使用PopupWindow和Dialog实现的下拉菜单的不同之处: PopupWindow: Dialog: 由于之前用PopupWindow实现的效果不是太理想,并且弹出下拉菜单的时候背景透明度变化的也不是太好,后来改为Diaolog,项目中其他弹窗也都用的diaolog,便于更改背景透明度,整体看起来也比较统一. 下面把两种实现的方法都记录下来: **第一种:自定义PopupWindow** 首先自定义一个PopWindow: PopWindow.class: public cl

自定义PopupWindow实现3急地区联动

做项目时有时我们会需要3级联动,比如注册,买东西下单等,这里我在android上使用popupwindow实现3级联动功能,我实现的思路是,当程序启动时就将后台的地区JSON数据格式全部加载上来,通过SharedPreferences将获取到的数据保存,点击按钮获取SharedPreferences中的地区数据,再通过JSONObject转为List集合,具体实现如下: 布局文件: activity_main.xml: <LinearLayout xmlns:android="http:/

Android 自定义PopupWindow以及参数传递与返回

在这篇博客之前,还写了一篇关于PopupWindow,那篇主要是关于PopupWindow弹出位置的设置.以及选择PopupWindow布局后的监听.详情看Android popupwindow 示例程序一.接下来这篇主要是讲自定义PopupWindow以及参数传递与返回,我在里面写了一个listview来示例.接下来看代码,都有所注释. 本文项目资源下载: 一.MainActivity <span style="background-color: rgb(240, 240, 240);&

自定义PopupWindow弹出框(带有动画)

使用PopupWindow来实现弹出框,并且带有动画效果 首先自定义PopupWindow 1 public class LostPopupWindow extends PopupWindow { 2 public Lost lost; 3 public void onLost(Lost lost){ 4 this.lost = lost; 5 } 6 private View conentView; 7 8 public View getConentView() { 9 return cone

仿酷狗音乐播放器开发日志二十四 选项设置窗体的实现(附328行xml布局源码)

转载请说明原出处,谢谢~~ 花了两天时间把仿酷狗的选项设置窗体做出来了,当然了只是做了外观.现在开学了,写代码的时间减少,所以整个仿酷狗的工程开发速度减慢了.今天把仿酷狗的选项设置窗体的布局代码分享出来,给学习duilib布局的朋友做个demo.现在编写的仿酷狗选项设置窗体和原酷狗的窗体不细看几乎看不出差别,控件的布局位置和原酷狗最多只有几个像素的位置差别. 先来看一下原酷狗的选项设置窗体的其中一个页面: 如果还不太会布局的朋友可以先看我前些日子写的关于duilib布局的博客<duilib各种布

继承于Layout的自定义View减少布局层次

不管是为了封装也好,实现特殊的效果也好,大家或多或少都会进行自定义View的实践,这中间又主要有两种:一种是继承于View或ViewGroup,还有一个是继承于各种已存在的Layout使用XML来写. 今天要来讨论的是第二种,实践就不详细说了,这里主要是针对这种方式带来的布局层次过深的问题提出两个方案. 第一种,注意在布局xml中使用merge,千万不要误解这个只在FrameLayout时候才能用哦,这个的准确作用是在解析XML布局时由此标志位就不解析直接将这一层忽略,将下面层次的view直接添