现在的位置: 首页 > 综合 > 正文

13-4-4 做出自己的窗口弹出模式

2013年12月13日 ⁄ 综合 ⁄ 共 2019字 ⁄ 字号 评论关闭

设计自己定义的layoutInflater出现效果(美观用)

三部:

1. 创建美化效果(在res/anim下)创建popup_enter.xml 和 popup_exit.xml文件

(1)popup_enter.xml 中内容

<set xmlns:android="http://schemas.android.com/apk/res/android">

<scale 

    android:fromXScale="0.6" 

    android:toXScale="1.0"

android:fromYScale="0.6" 

android:toYScale="1.0" 

android:pivotX="50%"

android:pivotY="50%" 

android:duration="1000" />

<alpha 

    android:interpolator="@android:anim/decelerate_interpolator"

android:fromAlpha="0.0" 

android:toAlpha="1.0" 

android:duration="1000" />

</set>

2popup_exit.xml文件内容

<set xmlns:android="http://schemas.android.com/apk/res/android">

    <scale

        android:fromXScale="1.0"

        android:toXScale="0.5"

        android:fromYScale="1.0"

        android:toYScale="0.5"

        android:pivotX="50%"

        android:pivotY="50%"

        android:duration="500" />

    <alpha

        android:interpolator="@android:anim/accelerate_interpolator"

        android:fromAlpha="1.0"

        android:toAlpha="0.0"

        android:duration="500" />

</set>

在popup_enter.xml

fromXScale 起始时x坐标的尺寸,设置为0.6说明是整个图片0.6*x轴的长度 

toXScale   结束时x坐标的尺寸,设置为1.0说明是整个图片x轴的长度 

fromYScale 起始时y坐标的尺寸,设置为0.6说明是整个图片0.6*y轴的长度 

toYScale   结束时y坐标的尺寸,设置为1.0说明是整个图片y轴的长度  

那么他们的变化都是先对于某一点来变化的,因此pivotX和pivotY就是确定这个点的位置。 

在一个数轴上(原点为图片的左上角,x轴和y轴的射线分别是向右和向下,我测试过): 

pivotX="50%" 说明是以图片本身的一半作为x轴的坐标; 

pivotY="50%" 说明是以图片本身的一半作为y轴的坐标; 

所以圆心点的坐标就是(0.5x,0.5y)。(x y是原图片的长和高) 

duration 是设置的动画执行时间,ms为单位,因为要体现出对话框出现的效果 所以不能太慢 也不能一下就太快 

同样也有一个伸展的效果配置文件 

alpha 渐变透明度动画效果 

<alpha

fromAlpha 属性为动画起始时透明度

0.0表示完全透明

1.0表示完全不透明

以上值取0.0-1.0之间的float数据类型的数字

duration为动画持续时间,ms单位

toAlpha 属性为动画结束时透明度

2. 怎样使用自己定义的效果

style中添加自己的风格(style

<style name="PopupAnimation" parent="android:Animation">

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

<item name="android:windowExitAnimation">@anim/popup_exit</item>

</style>

3. 程序中个应用

popupWindow.setAnimationStyle(R.style.PopupAnimation);//设置出现效果

其中popupWindow自己的layout

好比音乐播放模式::::::封装各种模式——》留出选择模式——》每次选模式。。。。。

好了,接下来我们就能使用自己的风格了。

*****************************************************************

飞扬小米(记)

抱歉!评论已关闭.