AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

android之动画popowindows

2013-12-22 1064
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 废话不多说，先看效果图： 这是主Activity代码： [java] view plaincopy public class RollActivity extends Activity {       private View view;       private Button btn;       priva

废话不多说，先看效果图：

这是主Activity代码：

[java]  view plain copy
  1. public class RollActivity extends Activity {  
  2.     private View view;  
  3.     private Button btn;  
  4.     private PopupWindow mPopupWindow;  
  5.     private View[] btns;  
  6.     /** Called when the activity is first created. */  
  7.     @Override  
  8.     public void onCreate(Bundle savedInstanceState) {  
  9.         super.onCreate(savedInstanceState);  
  10.         setContentView(R.layout.main);  
  11. //      LinearLayout layout=(LinearLayout) view.findViewById(R.id.layout_main);  
  12. //      //设置背景图片旋转180  
  13. //      Bitmap mBitmap=setRotate(R.drawable.bg_kuang);  
  14. //      BitmapDrawable drawable=new BitmapDrawable(mBitmap);  
  15. //      layout.setBackgroundDrawable(drawable);  
  16.           
  17.         btn=(Button) this.findViewById(R.id.btn);  
  18.         btn.setOnClickListener(new OnClickListener(){  
  19.   
  20.             @Override  
  21.             public void onClick(View v) {  
  22.                 // TODO Auto-generated method stub  
  23.                 showPopupWindow(btn);  
  24.             }  
  25.               
  26.         });  
  27.           
  28.         initPopupWindow(R.layout.popwindow);  
  29.   
  30.     }  
  31.       
  32.     private void initPopupWindow(int resId){  
  33.         LayoutInflater mLayoutInflater = (LayoutInflater)getSystemService(LAYOUT_INFLATER_SERVICE);  
  34.         view = mLayoutInflater.inflate(resId, null);  
  35.               
  36.         mPopupWindow = new PopupWindow(view, 400,LayoutParams.WRAP_CONTENT);  
  37. //      mPopupWindow.setBackgroundDrawable(new BitmapDrawable());//必须设置background才能消失  
  38.         mPopupWindow.setBackgroundDrawable(getResources().getDrawable(R.drawable.bg_frame));  
  39.         mPopupWindow.setOutsideTouchable(true);  
  40.           
  41.         //自定义动画  
  42. //      mPopupWindow.setAnimationStyle(R.style.PopupAnimation);  
  43.         //使用系统动画  
  44.         mPopupWindow.setAnimationStyle(android.R.style.Animation_Dialog);  
  45.         mPopupWindow.update();  
  46.         mPopupWindow.setTouchable(true);  
  47.         mPopupWindow.setFocusable(true);  
  48.           
  49.         btns=new View[3];  
  50.         btns[0]=view.findViewById(R.id.btn_0);  
  51.         btns[1]=view.findViewById(R.id.btn_1);  
  52.         btns[2]=view.findViewById(R.id.btn_2);  
  53.         btns[0].setOnClickListener(new OnClickListener() {  
  54.               
  55.             @Override  
  56.             public void onClick(View v) {  
  57.                 // TODO Auto-generated method stub  
  58.                 //doSomething  
  59.             }  
  60.         });  
  61.         btns[1].setOnClickListener(new OnClickListener() {  
  62.               
  63.             @Override  
  64.             public void onClick(View v) {  
  65.                 // TODO Auto-generated method stub  
  66.                 //doSomething  
  67.             }  
  68.         });  
  69.         btns[2].setOnClickListener(new OnClickListener() {  
  70.               
  71.             @Override  
  72.             public void onClick(View v) {  
  73.                 // TODO Auto-generated method stub  
  74.                 //doSomething  
  75.             }  
  76.         });  
  77.     }  
  78.     private void showPopupWindow(View view) {  
  79.         if(!mPopupWindow.isShowing()){  
  80. //          mPopupWindow.showAsDropDown(view,0,0);  
  81.             mPopupWindow.showAtLocation(view, Gravity.CENTER, 0, 0);  
  82.         }  
  83.     }  
  84.     public Bitmap setRotate(int resId) {  
  85.         Matrix mFgMatrix = new Matrix();  
  86.         Bitmap mFgBitmap = BitmapFactory.decodeResource(getResources(), resId);  
  87.         mFgMatrix.setRotate(180f);  
  88.         return mFgBitmap=Bitmap.createBitmap(mFgBitmap, 0, 0,   
  89.                 mFgBitmap.getWidth(), mFgBitmap.getHeight(), mFgMatrix, true);  
  90.     }  
  91. }  

PopupWindow的布局popwindow.xml 
注意3个LinearLayout里必须设置clickable和background，这样当点击上去的时候才会有点击效果。 
android:clickable="true" 
android:background="@drawable/state_btn_pressed" 

[html]  view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2.  <LinearLayout   
  3.         xmlns:android="http://schemas.android.com/apk/res/android"  
  4.         android:layout_width="fill_parent"  
  5.         android:layout_height="wrap_content"   
  6.         android:orientation="horizontal"  
  7.         android:id="@+id/layout_main"  
  8.         >  
  9.         <LinearLayout android:layout_width="fill_parent"  
  10.             android:layout_height="wrap_content"  
  11.             android:orientation="vertical"  
  12.             android:gravity="center_horizontal"  
  13.             android:clickable="true"  
  14.             android:background="@drawable/state_btn_pressed"  
  15.             android:layout_weight="1"  
  16.             android:id="@+id/btn_0"  
  17.             >  
  18.             <ImageView android:layout_width="wrap_content"  
  19.                 android:layout_height="wrap_content"   
  20.                 android:scaleType="fitCenter"  
  21.                 android:src="@drawable/ic_call"  
  22.                 >  
  23.             </ImageView>  
  24.             <TextView android:layout_width="wrap_content"  
  25.                 android:layout_height="wrap_content"   
  26.                 android:textColor="#000000"  
  27.                 android:textSize="18px"  
  28.                 android:text="电话">  
  29.             </TextView>  
  30.         </LinearLayout>  
  31.         <LinearLayout android:layout_width="fill_parent"  
  32.             android:layout_height="wrap_content"  
  33.             android:orientation="vertical"  
  34.             android:gravity="center_horizontal"  
  35.             android:clickable="true"  
  36.             android:background="@drawable/state_btn_pressed"  
  37.             android:layout_weight="1"  
  38.             android:id="@+id/btn_1"  
  39.             >  
  40.             <ImageView android:layout_width="wrap_content"  
  41.                 android:layout_height="wrap_content"   
  42.                 android:scaleType="fitCenter"  
  43.                 android:src="@drawable/ic_home"  
  44.                 >  
  45.             </ImageView>  
  46.             <TextView android:layout_width="wrap_content"  
  47.                 android:layout_height="wrap_content"   
  48.                 android:textColor="#000"  
  49.                 android:textSize="18px"  
  50.                 android:text="空间">  
  51.             </TextView>  
  52.         </LinearLayout>  
  53.           
  54.         <LinearLayout android:layout_width="fill_parent"  
  55.             android:layout_height="wrap_content"  
  56.             android:orientation="vertical"  
  57.             android:gravity="center_horizontal"  
  58.             android:clickable="true"  
  59.             android:background="@drawable/state_btn_pressed"  
  60.             android:layout_weight="1"  
  61.             android:id="@+id/btn_2"  
  62.             >  
  63.             <ImageView android:layout_width="wrap_content"  
  64.                 android:layout_height="wrap_content"   
  65.                 android:scaleType="fitCenter"  
  66.                 android:src="@drawable/ic_sms"  
  67.                 >  
  68.             </ImageView>  
  69.             <TextView android:layout_width="wrap_content"  
  70.                 android:layout_height="wrap_content"   
  71.                 android:textColor="#000"  
  72.                 android:textSize="18px"  
  73.                 android:text="短信"  
  74.                 >  
  75.             </TextView>  
  76.         </LinearLayout>  
  77. </LinearLayout>  

state_btn_pressed.xml，点击的效果： 

[html]  view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
  3.     <item android:state_pressed="true"  
  4.         android:drawable="@drawable/bg_btn_pressed"  
  5.         android:padding="0dp"/>  
  6. </selector>  

Android 模仿迅雷的 PopupWindow 出现/消失动画 
出现：

[html]  view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
  3.     <scale android:fromXScale="0.6" android:toXScale="1.1"  
  4.         android:fromYScale="0.6" android:toYScale="1.1" android:pivotX="50%"  
  5.         android:pivotY="50%" android:duration="200" />  
  6.     <scale android:fromXScale="1.0" android:toXScale="0.91"  
  7.         android:fromYScale="1.0" android:toYScale="0.91" android:pivotX="50%"  
  8.         android:pivotY="50%" android:duration="400" android:delay="200" />  
  9.     <alpha android:interpolator="@android:anim/linear_interpolator"  
  10.         android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="400" />  
  11. </set>  

消失： 

[html]  view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
  3.     <scale android:fromXScale="1.0" android:toXScale="1.25"  
  4.         android:fromYScale="1.0" android:toYScale="1.25" android:pivotX="50%"  
  5.         android:pivotY="50%" android:duration="200" />  
  6.     <scale android:fromXScale="1.0" android:toXScale="0.48"  
  7.         android:fromYScale="1.0" android:toYScale="0.48" android:pivotX="50%"  
  8.         android:pivotY="50%" android:duration="400" android:delay="200" />  
  9.     <alpha android:interpolator="@android:anim/linear_interpolator"  
  10.         android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="400" />  
  11. </set>  

最后用下面的 XML 封装：

[html]  view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <style name="PopupAnimation" parent="android:Animation"  
  4.         mce_bogus="1">  
  5.         <item name="android:windowEnterAnimation">@anim/anim_dialog_show</item>  
  6.         <item name="android:windowExitAnimation">@anim/anim_dialog_hide</item>  
  7.     </style>  
  8. </resources>  
文章标签：
Android开发
数据格式
XML
关键词：
Android动画
code_xzh
目录
相关文章
计蒙不吃鱼
|
8月前
|
Android开发 开发者
Android利用SVG实现动画效果
本文介绍了如何在Android中利用SVG实现动画效果。首先通过定义`pathData`参数（如M、L、Z等）绘制一个简单的三角形SVG图形，然后借助`objectAnimator`实现动态的线条绘制动画。文章详细讲解了从配置`build.gradle`支持VectorDrawable，到创建动画文件、关联SVG与动画，最后在Activity中启动动画的完整流程。此外，还提供了SVG绘制原理及工具推荐，帮助开发者更好地理解和应用SVG动画技术。
计蒙不吃鱼
369 30
计蒙不吃鱼
|
8月前
|
Android开发 UED 计算机视觉
Android自定义view之线条等待动画（灵感来源：金铲铲之战）
本文介绍了一款受游戏“金铲铲之战”启发的Android自定义View——线条等待动画的实现过程。通过将布局分为10份，利用`onSizeChanged`测量最小长度，并借助画笔绘制动态线条，实现渐变伸缩效果。动画逻辑通过四个变量控制线条的增长与回退，最终形成流畅的等待动画。代码中详细展示了画笔初始化、线条绘制及动画更新的核心步骤，并提供完整源码供参考。此动画适用于加载场景，提升用户体验。
计蒙不吃鱼
564 5
Android自定义view之线条等待动画（灵感来源：金铲铲之战）
计蒙不吃鱼
|
8月前
|
API Android开发 开发者
Android颜色渐变动画效果的实现
本文介绍了在Android中实现颜色渐变动画效果的方法，重点讲解了插值器（TypeEvaluator）的使用与自定义。通过Android自带的颜色插值器ArgbEvaluator，可以轻松实现背景色的渐变动画。文章详细分析了ArgbEvaluator的核心代码，并演示了如何利用Color.colorToHSV和Color.HSVToColor方法自定义颜色插值器MyColorEvaluator。最后提供了完整的源码示例，包括ColorGradient视图类和MyColorEvaluator类，帮助开发者更好地理解和应用颜色渐变动画技术。
计蒙不吃鱼
264 3
计蒙不吃鱼
|
8月前
|
Android开发 开发者
Android SVG动画详细例子
本文详细讲解了在Android中利用SVG实现动画效果的方法，通过具体例子帮助开发者更好地理解和应用SVG动画。文章首先展示了动画的实现效果，接着回顾了之前的文章链接及常见问题（如属性名大小写错误）。核心内容包括：1) 使用阿里图库获取SVG图形；2) 借助工具将SVG转换为VectorDrawable；3) 为每个路径添加动画绑定属性；4) 创建动画文件并关联SVG；5) 在ImageView中引用动画文件；6) 在Activity中启动动画。文末还提供了完整的代码示例和源码下载链接，方便读者实践操作。
计蒙不吃鱼
389 65
计蒙不吃鱼
|
8月前
|
XML Java Maven
Android线条等待动画JMWorkProgress（可添加依赖直接使用）
这是一篇关于Android线条等待动画JMWorkProgress的教程文章，作者计蒙将其代码开源至GitHub，提升可读性。文章介绍了如何通过添加依赖库使用该动画，并详细讲解了XML与Java中的配置方法，包括改变线条颜色、宽度、添加文字等自定义属性。项目已支持直接依赖集成（`implementation &#39;com.github.Yufseven:JMWorkProgress:v1.0&#39;`），开发者可以快速上手实现炫酷的等待动画效果。文末附有GitHub项目地址，欢迎访问并点赞支持！
计蒙不吃鱼
245 26
计蒙不吃鱼
|
8月前
|
XML Android开发 数据格式
Android中SlidingDrawer利用透明动画提示效果
本文介绍了在Android中使用`SlidingDrawer`实现带有透明动画提示效果的方法。通过XML布局配置`SlidingDrawer`的把手（handle）和内容（content），结合Activity中的代码实现动态动画效果。最终实现了交互性强、视觉效果良好的滑动抽屉功能。
计蒙不吃鱼
110 1
Android中SlidingDrawer利用透明动画提示效果
计蒙不吃鱼
|
8月前
|
XML Java Android开发
Android 动画之帧动画 + 补间动画 + 属性动画
本文介绍了Android开发中的三种动画类型：帧动画、补间动画和属性动画。帧动画通过依次播放一系列静态图片实现动态效果，支持Java代码与XML两种实现方式。补间动画基于起始和结束位置自动生成过渡效果，涵盖透明度、位移、旋转、缩放及组合动画等多种形式，并可搭配插值器优化动画过程。属性动画则通过改变对象属性实现动画，支持透明度、位移、旋转、缩放及组合动画，灵活性更高且适用于更复杂的场景。文中提供了详细的代码示例，帮助开发者快速上手。
计蒙不吃鱼
445 15
计蒙不吃鱼
|
8月前
|
Android开发 开发者
Android自定义view之围棋动画（化繁为简）
本文介绍了Android自定义View的动画实现，通过两个案例拓展动态效果。第一个案例基于`drawArc`方法实现单次动画，借助布尔值控制动画流程。第二个案例以围棋动画为例，从简单的小球直线运动到双向变速运动，最终实现循环动画效果。代码结构清晰，逻辑简明，展示了如何化繁为简实现复杂动画，帮助读者拓展动态效果设计思路。文末提供完整源码，适合初学者和进阶开发者学习参考。
计蒙不吃鱼
155 0
Android自定义view之围棋动画（化繁为简）
计蒙不吃鱼
|
8月前
|
Java Android开发 开发者
Android自定义view之围棋动画
本文详细介绍了在Android中自定义View实现围棋动画的过程。从测量宽高、绘制棋盘背景，到创建固定棋子及动态棋子，最后通过属性动画实现棋子的移动效果。文章还讲解了如何通过自定义属性调整棋子和棋盘的颜色及动画时长，并优化视觉效果，如添加渐变色让白子更明显。最终效果既可作为围棋动画展示，也可用作加载等待动画。代码完整，适合进阶开发者学习参考。
计蒙不吃鱼
176 0
计蒙不吃鱼
|
8月前
|
XML Java API
Android翻转动画（卡片翻转效果）
本文介绍了如何实现卡片翻转动画效果，通过Android中的ObjectAnimator结合不同插值器（LinearInterpolator、AccelerateInterpolator、DecelerateInterpolator）完成平滑过渡。示例中以按钮点击触发动画，核心逻辑包括判断视图可见性、设置旋转角度及处理初始Bug（如第一次点击异常）。最终提供完整代码（Java与XML布局），并指出将按钮事件替换为屏幕监听即可满足右滑触发需求。适合初学者学习动画实现原理。
计蒙不吃鱼
314 0

热门文章

最新文章

  • 1
    CC：基于组件总线的Android组件化开源框架
  • 2
    Android中style和theme的区别
  • 3
    Android手机ROOT之后更改字体文件导致无法启动的问题
  • 4
    Android2.2 API 中文文档系列（6） —— ImageView
  • 5
    Android Support Library 解释
  • 6
    Android GridView子元素item按击交互设计：背景颜色改变
  • 7
    Android开发基础2-NDK安装和使用(图)
  • 8
    Android MediaCodec 硬编码 H264 文件
  • 9
    微信公众号支付安卓和WP支付成功，苹果不能支付！
  • 10
    Android系统移植与调试之-------&gt;Android Make分析
  • 1
    提升Android应用性能的实用策略
    156
  • 2
    Android 开发中的内存优化策略
    206
  • 3
    iOS 与 Android：设计哲学的比较与反思
    260
  • 4
    构建未来：Android与IoT设备的无缝交互深入探索软件自动化测试的未来趋势
    333
  • 5
    构建高效Android应用：Kotlin协程的全面应用指南
    143
  • 6
    构建高效Android应用：Kotlin协程的实践指南
    176
  • 7
    构建高效Android应用：Kotlin协程的实践与优化策略
    182
  • 8
    构建高效Android应用：Kotlin协程的实践指南
    182
  • 9
    Android Media Framework（一）OpenMAX 框架简介
    439
  • 10
    构建高效Android应用：Kotlin与Jetpack实践指南
    206

    • 相关课程

    更多
  • 开源Android容器化框架Atlas开发者指南

    • 相关电子书

    更多
  • 58同城Android客户端Walle框架演进与实践之路
  • Android组件化实现
  • 蚂蚁聚宝Android秒级编译——Freeline
    • 下一篇
    【DataEase】零代码数据可视化分析工具的安装部署保姆级教程