首页 > 专利信息

AndroidAnimation实战之屏幕底部弹出PopupWindow

AndroidAnimation实战之屏幕底部弹出PopupWindow Android动画的⼀个实战内容，从屏幕底部滑动弹出PopupWindow。相信这种效果⼤家在很多APP上都遇到过，⽐如需要拍照或者从SD卡选择图⽚，再⽐如需要分享某些东西时，⼤多会采⽤这么⼀种效果：

那这种效果如何实现呢？

我们仿写⼀个这种效果的实例吧：

1）我们⾸先定义⼀下，弹出窗⼝的页⾯布局组件：take_l

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

<RelativeLayout xmlns:android="schemas.android/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:gravity="center_horizontal"

android:orientation="vertical">

<LinearLayout

android:id="@+id/pop_layout"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:background="#ffffff"

android:layout_alignParentBottom="true"

android:gravity="center_horizontal"

android:orientation="vertical">

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:clickable="false"

android:gravity="center"

镍磷合金镀android:text="修改头像"

android:textColor="#8a8a8a"

麻将纸牌android:textSize="15sp" />

<View

android:layout_width="fill_parent"

跟刀架android:layout_height="0.1dp"

android:layout_marginLeft="10dp"

android:layout_marginRight="10dp"

android:background="#00c7c0" />

<Button

android:id="@+id/btn_take_photo"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="拍照"

android:textColor="#0e61aa"

android:textSize="18sp" />

<Button

android:id="@+id/btn_pick_photo"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="从相册选择"

android:textColor="#0e61aa"

android:textSize="18sp" />

<Button

android:id="@+id/btn_cancel"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_marginBottom="15dip"

android:layout_marginTop="15dip"

android:text="取消"

android:textColor="#0e61aa"

android:textSize="18sp"

android:textStyle="bold" />

</LinearLayout>

</RelativeLayout>

2）现在定义动画，要知道该Popupwindow出现时是从页⾯底部向上滑动，消失时是从上向下滑动消失,，所以我们需要定义两个动画⽂件：

退出动画pop_l

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

<translate

android:duration="200"

android:fromYDelta="0"

android:toYDelta="50%p" />

<alpha

android:duration="200"

android:fromAlpha="1.0"

android:toAlpha="0.0" />

</set>

显⽰动画pop_l

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

<translate

android:duration="200"

android:fromYDelta="100%p"

android:toYDelta="0" />

<alpha

android:duration="200"

android:fromAlpha="0.0"

android:toAlpha="1.0" />

</set>

关于这两个动画，此处不再多做解析，读过我之前博⽂的都应该知道啦，很简单的，若是看不懂？请点击此⽂上⽅的链接学习之。

3）⾃定义弹出框Popupwindow：

t.Context;

油田专用设备aphics.drawable.ColorDrawable;

import android.view.LayoutInflater;

import android.view.MotionEvent;

import android.view.View;

import android.widget.Button;

import android.widget.PopupWindow;

import android.widget.RelativeLayout;

public class TakePhotoPopWin extends PopupWindow {

private Context mContext;

private View view;

private Button btn_take_photo, btn_pick_photo, btn_cancel;

public TakePhotoPopWin(Context mContext, View.OnClickListener itemsOnClick) {

this.view = LayoutInflater.from(mContext).inflate(R.layout.take_photo_pop, null);

btn_take_photo = (Button) view.findViewById(R.id.btn_take_photo);

btn_pick_photo = (Button) view.findViewById(R.id.btn_pick_photo);

btn_cancel = (Button) view.findViewById(R.id.btn_cancel);

// 取消按钮

btn_cancel.setOnClickListener(new View.OnClickListener() {

public void onClick(View v) {

// 销毁弹出框

dismiss();

}

});

// 设置按钮监听

btn_pick_photo.setOnClickListener(itemsOnClick);

btn_take_photo.setOnClickListener(itemsOnClick);

// 设置外部可点击

this.setOutsideTouchable(true);

/ mMenuView添加OnTouchListener监听判断获取触屏位置如果在选择框外⾯则销毁弹出框

this.view.setOnTouchListener(new View.OnTouchListener() {

public boolean onTouch(View v, MotionEvent event) {

int height = view.findViewById(R.id.pop_layout).getTop();

int y = (int) Y();

if (Action() == MotionEvent.ACTION_UP) {

if (y < height) {

dismiss();

}

return true;

大型设备包装箱}

});

/* 设置弹出窗⼝特征 */

// 设置视图

this.setContentView(this.view);

// 设置弹出窗体的宽和⾼

this.setHeight(RelativeLayout.LayoutParams.MATCH_PARENT);

this.setWidth(RelativeLayout.LayoutParams.MATCH_PARENT);

// 设置弹出窗体可点击

this.setFocusable(true);

// 实例化⼀个ColorDrawable颜⾊为半透明

ColorDrawable dw = new ColorDrawable(0xb0000000);

// 设置弹出窗体的背景

this.setBackgroundDrawable(dw);

// 设置弹出窗体显⽰时的动画，从底部向上弹出

this.setAnimationStyle(R.style.take_photo_anim);

}

定义要弹出的组件TakePhotoPopWin，它继承⾃PopupWindow，具体如何实现的，我备注信息很详细了。有⼀个地⽅要提醒的是，就是最后要设置弹出窗体的显⽰动画，this.setAnimationStyle(R.style.take_photo_anim); 这是必不可少的，只有加上了它，才能应⽤动画效果！

看下take_photo_anim style的定义：

<item name="android:windowEnterAnimation">@anim/pop_enter_anim</item>

</style>

就这么⼏步，⼀个可以从屏幕底部滑动弹出的组件

public void showPopFormBottom(View view) {

TakePhotoPopWin takePhotoPopWin = new TakePhotoPopWin(this, onClickListener);

//showAtLocation(View parent, int gravity, int x, int y)

takePhotoPopWin.showAtLocation(findViewById(R.id.main_view), Gravity.CENTER, 0, 0);

}

private View.OnClickListener onClickListener = new View.OnClickListener() {

@Override

public void onClick(View v) {

switch (v.getId()) {

case R.id.btn_take_photo:

System.out.println("btn_take_photo");

break;

case R.id.btn_pick_photo:

System.out.println("btn_pick_photo");

break;

提金工艺}

}

};

这下⼦，效果就和我⼀开始传的图⼀致啦！有⽊有学会了呢！？

拓展：

玩过APP的⼤家都知道，在你进⼊新页⾯或者注册登录啥的时候，都会弹出⼀个等待的框框，表⽰⽹络请求中，你需要耐⼼等待下，⽐如的等待请求框效果如下：

这⾥⾯其中也有个地⽅⽤到了动画，那就是不停旋转的那个⼩图标，它其实⽤的就是旋转动画！关于如何实现这么样⼀个旋转等待框，我以前写过⼀篇介绍的⽂章，可查看：

本文发布于:2024-09-22 15:46:48，感谢您对本站的认可！

本文链接：https://www.17tex.com/tex/2/328701.html

上一篇：android清除通知栏消息的代码

下一篇：Android系统启动之BOOT_COMPLETED广播

标签：弹出动画设置效果

留言与评论（共有 0 条评论）