屏幕切换指的是在同一个Activity内屏幕见的切换,最长见的情况就是在一个FrameLayout内有多个页面,比如一个系统设置页面;一个个性化设置页面。
通过查看OPhone API文档可以发现,有个android.widget.ViewAnimator类继承至FrameLayout,ViewAnimator类的作用是为FrameLayout里面的View切换提供动画效果。该类有如下几个和动画相关的函数:
l setInAnimation:设置View进入屏幕时候使用的动画,该函数有两个版本,一个接受单个参数,类型为android.view.animation.Animation;一个接受两个参数,类型为Context和int,分别为Context对象和定义Animation的resourceID。
- setOutAnimation: 设置View退出屏幕时候使用的动画,参数setInAnimation函数一样。
- showNext: 调用该函数来显示FrameLayout里面的下一个View。
- showPrevious: 调用该函数来显示FrameLayout里面的上一个View。
一般不直接使用ViewAnimator而是使用它的两个子类ViewFlipper和ViewSwitcher。ViewFlipper可以用来指定FrameLayout内多个View之间的切换效果,可以一次指定也可以每次切换的时候都指定单独的效果。该类额外提供了如下几个函数:
- isFlipping: 用来判断View切换是否正在进行
- setFilpInterval:设置View之间切换的时间间隔
- startFlipping:使用上面设置的时间间隔来开始切换所有的View,切换会循环进行
- stopFlipping: 停止View切换
ViewSwitcher 顾名思义Switcher特指在两个View之间切换。可以通过该类指定一个ViewSwitcher.ViewFactory 工程类来创建这两个View。该类也具有两个子类ImageSwitcher、TextSwitcher分别用于图片和文本切换。
在教程中通过示例介绍ViewFlipper 的使用,其他的使用方式是类似的。详细信息可以参考文档:
ViewFlipper示例
记住,ViewFlipper是继承至FrameLayout的,所以它是一个Layout里面可以放置多个View。在示例中定义一个ViewFlipper,里面包含三个ViewGroup作为示例的三个屏幕,每个ViewGroup中包含一个按钮和一张图片,点击按钮则显示下一个屏幕。代码如下(res\layout\main.xml):
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout
-
xmlns:android="http://schemas.android.com/apk/res/android"
-
android:orientation="vertical"
-
android:layout_width="fill_parent"
-
android:layout_height="fill_parent">
-
<ViewFlipper android:id="@+id/details"
-
android:layout_width="fill_parent"
-
android:layout_height="fill_parent"
-
android:persistentDrawingCache="animation"
-
android:flipInterval="1000"
-
android:inAnimation="@anim/push_left_in"
-
android:outAnimation="@anim/push_left_out"
- >
- <LinearLayout
-
android:orientation="vertical"
-
android:layout_width="fill_parent"
-
android:layout_height="fill_parent">
- <Button
-
android:text="Next"
-
android:id="@+id/Button_next1"
-
android:layout_width="fill_parent"
-
android:layout_height="wrap_content">
- </Button>
- <ImageView
-
android:id="@+id/image1"
-
android:src="@drawable/dell1"
-
android:layout_width="fill_parent"
-
android:layout_height="wrap_content">
- </ImageView>
- </LinearLayout>
-
- <LinearLayout
-
android:orientation="vertical"
-
android:layout_width="fill_parent"
-
android:layout_height="fill_parent">
- <Button
-
android:text="Next"
-
android:id="@+id/Button_next2"
-
android:layout_width="fill_parent"
-
android:layout_height="wrap_content">
- </Button>
- <ImageView
-
android:id="@+id/image2"
-
android:src="@drawable/lg"
-
android:layout_width="fill_parent"
-
android:layout_height="wrap_content">
- </ImageView>
- </LinearLayout>
-
- <LinearLayout
-
android:orientation="vertical"
-
android:layout_width="fill_parent"
-
android:layout_height="fill_parent">
- <Button
-
android:text="Next"
-
android:id="@+id/Button_next3"
-
android:layout_width="fill_parent"
-
android:layout_height="wrap_content">
- </Button>
- <ImageView
-
android:id="@+id/image3"
-
android:src="@drawable/lenovo"
-
android:layout_width="fill_parent"
-
android:layout_height="wrap_content">
- </ImageView>
- </LinearLayout>
-
- </ViewFlipper>
-
- </LinearLayout>
很简单,在Layout定义中指定动画的相关属性就可以了,通过persistentDrawingCache指定缓存策略;flipInterval指定每个View动画之间的时间间隔;inAnimation和outAnimation分别指定View进出使用的动画效果。动画效果定义如下:
- res\anim\push_left_in.xml
-
<?xml version="1.0" encoding="utf-8"?>
-
<set xmlns:android="http://schemas.android.com/apk/res/android">
- <translate
-
android:fromXDelta="100%p"
-
android:toXDelta="0"
-
android:duration="500"/>
- <alpha
-
android:fromAlpha="0.0"
-
android:toAlpha="1.0"
-
android:duration="500" />
- margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 38px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; bor
分享到:
相关推荐
A custom layout that can easily switch different states(like empty,error,progress,content) with animations. An example usage can be found here lufficc/iShuiHui Usage Add the dependencies to your ...
这种问题一般是因为一个Activity启动之后在显示视图之间时间太长导致的。 1、优化方式可以通过精简layout文件、多线程处理数据载入等。 2、但是有些Activity的layout文件可能比较大,如果不能动态载入,在显示之前...
今天讲解一下Fragment的控制,主要是...•可以通过FragmentManager做一些事情, 包括: 使用findFragmentById()(用于在activity layout中提供一个UI的fragment)或findFragmentByTag()(适用于有或没有UI的fragment)获取
TabHost组件可以在界面中存放多个选项卡, 很多软件都使用了改组件进行设计。 一、基础知识 TabWidget : 该组件就是TabHost标签页中上部 或者 下部的按钮, 可以点击按钮切换选项卡; TabSpec : 代表了选项卡界面, 添加...
【具体表现为:表情面板与输入法面板高度不一致,从而导致弹出输入法(layout被挤压)时,同时又需要隐藏表情面板(layout被拉升),最终让界面产生了高度差抖动,所以在切换时明显会有不大好的抖动体验)】 使用了解决...
现在三个Fragment已经添加到了MainActivity中,滑动ViewPager切换Fragment,同时底部的导航栏也会切换,在为ViewPager添加监听以前,先说说底部导航栏。 第二步,底部导航。 这个的切换其实就是切换准备好的png...
现在的APP首页大部分屏幕的下方显示一行Tab标签选项,点击不同的标签就可以切换到不同的界面。如下图: 我们之前都是用TabHost来实现...先实现主界面布局main_layout.xml: <LinearLayout xmlns:android=http://s
100多个源码小程序,微信小程序全套源代码(后台、小程序php) 微信小程序,完整项目,源代码,后台,小程序 小程序类型列表: .idea AppleMusic B站首页界面设计:附详细教程 cnode社区版 dribbble FlexLayout布局 ...
FlexLayout布局 gank HIapp IT-EBOOK leantodu LOL战绩查询 movecss效果 Railay:整体框架 redux绑定 TCP,IP长连接 todo list v2ex 百度小说 备忘录 辩论倒计时 步步高字典 侧滑布局 查拼音 车源宝 城市切换 创客+...
(这是一个了不起的功能,请注意区别于多语言的用户“界面”) 支持多theme(或称为layout,版式),使你的网站可以适应于不同的浏览环境,如手机、PDA上的WEB浏览器,或允许浏览者按自己的口味切换。 多语言的...
100多个源码小程序,微信小程序全套源代码(后台、小程序php) 【完整项目】 AppleMusic B站首页界面设计:附详细教程 cnode社区版 dribbble FlexLayout布局 gank HIapp IT-EBOOK leantodu list.txt LOL...
getHost()获取前提 : 设置了该id之后, 在Activity界面可以使用 getHost(), 获取这个TabHost 视图对象; 示例 : 代码如下: <tabhost android:id=”@android:id/tabhost” android:layout_height=”match_parent”
100多个源码小程序,微信小程序全套源代码(后台、小程序php) 微信小程序,完整项目,源代码,后台,小程序 小程序类型列表: .idea AppleMusic B站首页界面设计:附详细教程 cnode社区版 dribbble FlexLayout布局 ...
一个Android项目级快速...3、 多种常用界面布局:标题+多状态+下拉刷新+列表、标题+ViewPager等方便快速创建常用布局增加layout复用 4、Fragment 懒加载封装 5、 快速实现Activity滑动返回、下拉刷新加载更多、沉浸式等
android用户界面之Layout(布局)教程汇总 android用户界面之Checkbox教程实例汇总 Android Wifi方法大全【总有一种方法适合你】 android开发环境搭建篇详尽的教程实例汇 图形图像之图像处理(缩放 旋转 转化) ...
多种常用界面布局:标题 多状态 下拉刷新 列表、标题 ViewPager等方便快速创建常用布局增加layout复用 Fragment 懒加载封装 快速实现Activity滑动返回、下拉刷新加载更多、沉浸式等 其它功能请在demo中发现 ...
顺序选择元件(一个或者多个),按轮放按键,鼠标上将会按你选择的顺序挨个出现元件,放置到指定位置后,下一个元件自动出现在鼠标上。 7.一键批量操作 选择要批量操作的东西(线,元件等),只能选同一种东西(比如...
FlexLib FlexLib FlexLib是iOS的Objective-C布局框架。 它基于模型,该模型是Web布局的标准配置...flexbox的速度比自动布局快得多。 Flexbox比自动布局更通用。 Flexbox是Web的标准配置,它还用于ReactNative,Weex,