- 浏览: 42701 次
- 性别:
- 来自: 济南
最新评论
-
kensunhu:
正是我想要的。典型的app ui布局。谢谢!
android UI - 仿威信tab样式 -
007007jing:
bing_zz 写道兄弟加油!谢谢
android2.3 api demo 学习系列(7)--App/Activity/Hello World -
bing_zz:
兄弟加油!
android2.3 api demo 学习系列(7)--App/Activity/Hello World
1、首先学习sdk中关于Animation的说明。andorid的动画主要分为下面三种
- Property Animation
版本要求: Android 3.0 (API level 11), property animation支持任何对象的动画效果,也是android推荐的模式。 可以很好的扩展。(因为本次demo版本为2.3 在这里不在研究,留在以后研究)
- View Animation
View Animation 只能在Views使用. 优点是实现简单.缺点也很明显:首先只支持view,其次是他只是改变view的动画效果,并没有实际改变view,例如让一个按钮在屏幕上移动,动画效果是正确实现,但是按钮的点击位置并没有改变,需要自己另外实现。
View Animation提供了Tween和frame两种实现方式。
接下来学习Tween Animation:
动画的定义可以使用xml配置文件或者代码实现。xml配置文件定义相对于代码实现具有可读性、重用行、方便维护等特性,配置文件放置在工程的res/anim/文件内,xml配置文件必须包含下面其中一个元素:<alpha>
, <scale>
,<translate>
, <rotate>
或者 <set>
,嵌套set。例如下面的一个示例拉伸旋转view
<set android:shareInterpolator="false"> <scale android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fromXScale="1.0" android:toXScale="1.4" android:fromYScale="1.0" android:toYScale="0.6" android:pivotX="50%" android:pivotY="50%" android:fillAfter="false" android:duration="700" /> <set android:interpolator="@android:anim/decelerate_interpolator"> <scale android:fromXScale="1.4" android:toXScale="0.0" android:fromYScale="0.6" android:toYScale="0.0" android:pivotX="50%" android:pivotY="50%" android:startOffset="700" android:duration="400" android:fillBefore="false" /> <rotate android:fromDegrees="0" android:toDegrees="-45" android:toYScale="0.0" android:pivotX="50%" android:pivotY="50%" android:startOffset="700" android:duration="400" /> </set> </set>
保存xml文件后在代码中调用
ImageView spaceshipImage = (ImageView) findViewById(R.id.spaceshipImage); Animation hyperspaceJumpAnimation = AnimationUtils.loadAnimation(this, R.anim.xml配置文件); spaceshipImage.startAnimation(hyperspaceJumpAnimation);
接下来看看每一个的属性
set:
android:interpolator:可以使用平台提供的属性 如下图所示
如果你觉得平台定义的不符合需求,可以更改他们(定义的时候名字强制使用小写)
各个Interpolator的属性如下
<accelerateDecelerateInterpolator>
<accelerateInterpolator>
attributes:
android:factor
<anticipateInterpolator>
attributes:
android:tension
<anticipateOvershootInterpolator>
attributes:
android:tension
android:extraTension
<bounceInterpolator>
No attributes
<cycleInterpolator>
attributes:
android:cycles
<decelerateInterpolator>
attributes:
android:factor
<linearInterpolator>
No attributes.
<overshootInterpolator>
attributes:
android:tension
修改时例如下面的xml定义
<?xml version="1.0" encoding="utf-8"?> <overshootInterpolator xmlns:android="http://schemas.android.com/apk/res/android" android:tension="7.0" /> xml文件保存在res/anim文件夹内
同事别的动画配置文件可以引用interpolator 例如
<scale xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@anim/预先定义的interpolator" android:fromXScale="1.0" android:toXScale="3.0" android:fromYScale="1.0" android:toYScale="3.0" android:pivotX="50%" android:pivotY="50%" android:duration="700" />
set的另外一个属性 android:shareInterpolator:true向所有的子元素共享interpolator
<alpha>
AlphaAnimation
.
attributes:
android:fromAlpha
android:toAlpha
<scale>
pivotX
and pivotY
. For example, if these values are 0, 0 (top-left corner), all growth will be down and to the right. Represents a ScaleAnimation
.
attributes:
android:fromXScale
android:toXScale
android:fromYScale
android:toYScale
android:pivotX
android:pivotY
<translate>
TranslateAnimation
.
attributes:
android:fromXDelta
"5"
), in percentage relative to the element width (such as "5%"
), or in percentage relative to the parent width (such as "5%p"
).android:toXDelta
"5"
), in percentage relative to the element width (such as "5%"
), or in percentage relative to the parent width (such as "5%p"
).android:fromYDelta
"5"
), in percentage relative to the element height (such as "5%"
), or in percentage relative to the parent height (such as "5%p"
).android:toYDelta
"5"
), in percentage relative to the element height (such as "5%"
), or in percentage relative to the parent height (such as "5%p"
).<rotate>
RotateAnimation
.
attributes:
android:fromDegrees
android:toDegrees
android:pivotX
"5"
), in percentage relative to the object's left edge (such as "5%"
), or in percentage relative to the parent container's left edge (such as "5%p"
).android:pivotY
"5"
), in percentage relative to the object's top edge (such as "5%"
), or in percentage relative to the parent container's top edge (such as "5%p"
).
上述<alpha>
, <scale>
, <translate>
, <rotate>同样拥有下图中得属性
介绍完了tween animation 接下来看看 frame animation的内容
frame animation主要是定义显示一系列图片的动画,xml配置文件保存在res/drawable/ xml的语法如下:
<?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot=["true" | "false"] > <item android:drawable="@[package:]drawable/图片资源引用" android:duration="integer持续时间" /> </animation-list>
在按照语法定义完后 xml可以保存在 res/anim or drawable文件夹下面
调用代码如下 为什么在这个方法里面调用 请看注释不多解释
@Override public void onWindowFocusChanged(boolean hasFocus) { // TODO Auto-generated method stub super.onWindowFocusChanged(hasFocus); //图片背景置换 frame animation //此段代码为什么放在 onWindowFocusChanged //因为当我们在onCreate中调用AnimationDrawable的start方法时,窗口Window对象还没有完全初始化, //AnimationDrawable不能完全追加到窗口Window对象中,那么该怎么办呢?我们需要把这段代码放在onWindowFocusChanged方法中, //当Activity展示给用户时,onWindowFocusChanged方法就会被调用,我们正是在这个时候实现我们的动画效果。 //当然,onWindowFocusChanged是在onCreate之后被调用的 ImageView changeImage = (ImageView) findViewById(R.id.animation_frame_img); changeImage.setBackgroundResource(R.anim.animation_frame);//xml配置文件 AnimationDrawable changeAnimation = (AnimationDrawable) changeImage.getBackground(); changeAnimation.start(); }
如果用纯代码实现frame animation 代码示如下
AnimationDrawable anim = new AnimationDrawable(); for (int i = 1; i <= 4; i++) { int id = getResources().getIdentifier("animation_frame_" + i, "drawable", getPackageName()); Drawable drawable = getResources().getDrawable(id); anim.addFrame(drawable, 300); } anim.setOneShot(false); image.setBackgroundDrawable(anim); anim.start();
- Drawable Animation
见上文 frame animation
最后说一下 apidemo的activity的淡入淡出和放大缩小动画入场
1.淡入淡出 配置文件
<alpha xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator" android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="@android:integer/config_longAnimTime" />
<translate xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator" android:fromXDelta="0" android:toXDelta="0" android:duration="@android:integer/config_longAnimTime" />
代码中调用
startActivity(new Intent(Animation.this, ApiDemosStudyActivity.class)); overridePendingTransition(R.anim.animation_fade,R.anim.animation_hold);
其中关于overridePendingTransition方法 sdk中有如下说明
Call immediately after one of the flavors of startActivity(Intent)
or finish
to specify an explicit transition animation to perform next.
2.zoom效果同样 只是xml配置有区别
发表评论
-
android2.3 api demo 学习系列(23)--App/Notification/StatusBarNotification
2012-07-07 19:51 1382apidemo-StatusBarNotification里面 ... -
android2.3 api demo 学习系列(22)--App/Notification/Notifying Service Controller
2012-07-06 14:56 1719因为还没有看到service的demo,这里先不对servic ... -
android2.3 api demo 学习系列(21)--App/Notification/Incoming Message
2012-07-06 11:55 2505现在我们开始学习android的Status Bar Noti ... -
android2.3 api demo 学习系列(20)--App/Menu
2012-07-06 09:58 1155现在来学习下menu的相关 ... -
android2.3 api demo 学习系列(19)--App/Intent and Launcher Shortcuts
2012-07-06 09:36 1098第一个demo:Intent,根据指定的类型,枚举出所有符合条 ... -
android2.3 api demo 学习系列(18)--App/Dialog
2012-07-06 09:13 1012今天主要学习Dialog: 1、一般的dialog ... -
android2.3 api demo 学习系列(17)--App/Alarm/AlarmController and Alarm Service
2012-07-03 17:12 2191本次学习将apidemo中得两个demo:AlarmContr ... -
android2.3 api demo 学习系列(16)--App/Activity/Translucent and Blur activity
2012-07-03 11:47 1907本次同样是将apidemo中得两个demo合并起来学习:Tra ... -
android2.3 api demo 学习系列(15)--App/Activity/SetWallpaper
2012-07-03 11:00 1131本次示例我们整合了apidemo里面的两个demo:SetWa ... -
android2.3 api demo 学习系列(14)--App/Activity/Screen Orientation
2012-07-03 09:50 3127下面我们来学习下Screen Orientaiton的demo ... -
android2.3 api demo 学习系列(13)--App/Activity/Save & Restore
2012-07-02 17:29 1490前面文章android2.3 api demo 学习系 ... -
android2.3 api demo 学习系列(12)--App/Activity/Reorder Activitys
2012-07-02 16:45 999Reorder Activitys Demo主要是实现打开ac ... -
android2.3 api demo 学习系列(11)--App/Activity/Redirection
2012-07-02 15:52 868APIDEMO里面的redirection示例本身并没有新技术 ... -
android2.3 api demo 学习系列(10)--App/Activity/RecevieResult
2012-07-02 14:48 1003在先前的文章 activity之间跳转传值 已经学习过这方面的 ... -
android2.3 api demo 学习系列(9)--App/Activity/QuickContactsDemo
2012-07-01 19:46 1000现在我们来学习如何使用Content Provider来访问a ... -
android2.3 api demo 学习系列(8)--App/Activity/Preference State
2012-07-01 19:45 912android保存数据有很多种方式,其中最简单的就是使用Sha ... -
android2.3 api demo 学习系列(7)--App/Activity/Hello World
2012-06-29 14:03 1106学习android当然不能少了HelloWorld,接下来我们 ... -
android2.3 api demo 学习系列(6)--App/Activity/ForwardActivity
2012-06-29 13:50 837本次学习activity的跳转 1、构建intent ... -
android2.3 api demo 学习系列(5)--App/Activity/Dialog
2012-06-29 11:42 1009前面我们已经学习了Custom Dialog 和 Custom ... -
android2.3 api demo 学习系列(4)--App/Activity/Custom Title
2012-06-29 11:26 1112android的标题栏默认是由android:lable定义的 ...
相关推荐
根据提供的标题、描述以及部分内容,可以总结出一系列与Android API Demo相关的知识点,这些知识点主要集中在Android应用程序的基础构建、用户界面设计、系统服务交互等方面。下面将详细解释这些知识点。 ### ...
### Android API Demo详解 #### 一、概述 本篇文章旨在为初学者提供一套全面而深入的Android API Demo解析,帮助大家更好地理解Android开发中的各种基础知识和技术细节。文章将按照给出的目录顺序,逐一分析每个...
本文档是关于基于Android 2.3版本的API Demo解析,旨在帮助开发者更好地理解Android应用开发中的各种控件和技术点。通过一系列实例,详细介绍了如何使用Android SDK中的各个功能模块。 #### 二、主要内容概述 文档...
在Android应用开发中,...通过这个Demo,开发者不仅能学习到如何实现Activity的透明效果,还能了解到Android系统中主题、布局、动画、Activity管理等多个方面的知识。这为移动应用开发提供了丰富的实践经验和理论基础。
### Android API Demo 知识点概述 #### 一、概览 本文档旨在全面解析 Android API Demo 中的各种案例,通过具体实例深入理解 Android 开发中的关键技术和应用实践。该文档覆盖了从简单的用户界面设计到复杂的后台...
#### 2.3 App->Activity->Animation 该章节讲解了动画在Activity中的应用,包括但不限于淡入淡出效果、缩放动画等。这些动画效果可以让用户界面变得更加生动有趣,提高用户体验。 #### 2.4 App->Activity->...
这个"100多个Android Demo的集合"是一个非常宝贵的资源库,它包含了丰富的实例,旨在帮助初学者深入理解和实践Android开发中的各种组件和功能。下面,我们将详细探讨其中可能包含的一些重要知识点。 1. **用户界面...
这个"Android带文字的ProgressBar Demo源码"提供了一个具体的实例,展示了如何在ProgressBar上同时显示进度和相关文字信息,这对于用户交互和提升用户体验有重要作用。下面将详细解析这个Demo涉及的知识点。 1. **...
2. **布局文件**:在`res/layout/activity_main.xml`中,添加一个需要抖动的View,如TextView或ImageView,并为其设置ID。 ```xml xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app=...
在Android开发领域,示例代码(Demo)是学习和理解平台特性和技术的关键。本话题主要探讨了几个Android开发的Demo,这些示例通常涵盖了基本功能到高级特性的实现,帮助开发者快速上手并深入理解Android应用开发。...
总之,“android导航栏按钮视频demo”是一个很好的学习资源,它涵盖了Android应用开发中的基本导航栏实现,包括布局定义、菜单设置以及事件监听。通过深入研究这个demo,开发者可以轻松地将类似的功能集成到自己的...
这个“Android应用源码之多级PopupWindow的小demo”是一个很好的学习资源,特别适合进行毕业设计或者论文研究的同学们。下面将详细解析这个Demo所涉及的知识点。 1. **PopupWindow基本概念** PopupWindow是Android...
- 使用`<animation-list>`在XML中定义一系列的帧图片,通过`AnimationDrawable`来播放这些帧,实现类似GIF的动画效果。 4. **动画监听器(AnimationListeners)**: - 可以添加`Animation.AnimationListener`来...
1. **创建启动Activity**:在Xamarin.Android项目中,新建一个继承自`Android.App.Activity`的类,例如`SplashActivity`。在这个类中,我们将设置闪屏页面的布局和显示时间。 2. **设计闪屏布局**:使用XML文件创建...
这个压缩包"Android应用源码之(Animation动画)"提供了Android应用中动画效果的源码示例,非常适合那些正在进行毕业设计或者想要深入理解Android动画机制的学生进行学习。在本文中,我们将详细探讨Android动画系统...
这个"android应用源码动画文字自由移动"的项目提供了一个实际的Demo,非常适合学习者理解和掌握Android平台上的动态效果实现。下面将详细介绍这个项目可能涉及的关键知识点。 1. **Android动画系统**:Android提供...
本Demo旨在模拟大众点评App中的Activity动画跳转效果,通过自定义动画实现平滑、自然的过渡。 首先,我们需要了解Android中两种基本的Activity跳转动画类型:进入动画(Enter Animation)和退出动画(Exit ...
|--Activity不允许横竖屏切换 |--Activity常用小技巧 |--Activity按返回直接回到桌面 |--aidl之结合反射获取应用缓存大小等空间占用 |--aidl调用系统service未公开的方法挂电话 |--aidl调用系统未公开的方法代码示例...
两分钟彻底让你明白Android Activity生命周期(图文)! Android 图形系统剖析 Android 立体效果图片 NDK动态库的调用 Android 姿态传感器 Android 很酷的图像旋转 Android 添加音频 在Android中实现多线程断点下载 ...
综上所述,"仿桌面删除app Demo"是一个涵盖Android应用开发、自定义启动器实现、权限管理、数据存储、事件处理、动画效果等多个方面的项目,对于希望深入学习Android系统的开发者来说,这是一个很好的实践案例。