产品分类

新闻资讯

联系我们

IT技术浅谈

当前位置:主页 > IT技术浅谈 >

移动开发指南:Android Transition框架介绍(1)

2019-02-06 11:11

移动开发指南:Android Transition框架介绍(1)

BKJIA译文】Android Transition框架允许我们对应用程序用户界面当中的各类外观变化加以配置。大家可以在应用程序屏幕内实现动画式过渡、将每个阶段定义为一种场景并控制应用程序如何从一种显示场景过渡到另一种。

在今天的文章中,我们将构建一款简单的应用程序、并为其制作一套动画过渡效果。为了完成这项任务,大家需要涉及的内容包括在XML当中准备布局与可绘制文件、而后利用Java配置并应用这套过渡机制。我们将定义两种场景,其中同样的一组视图项目将以不同方式排列在设备屏幕之上。在大家使用Transition框架时,Android将自动完成两种场景转换过程中的动画过渡效果。

1. 创建应用程序

第一步

作为教程的第一步,我们首先在自己选定的IDE中创建一款新的应用程序。大家至少需要使用SDK 19才能让这些Transition类顺利起效,因此如果打算让其支持其它早期版本、我们还需要执行其它一些额外步骤。

首先为应用程序指定一个主Activity与布局文件,并为该布局选择start_layout.xml作为名称。我们随后还会添加其它布局文件,并利用Transition机制在不同显示布局之间进行转换。下面几幅截图显示了这一过程在Android Studio中的具体实现流程。

第二步

下面我们在Transition中准备一些可绘制图形以资利用。我们将准备四个圆形图案,每一个都采用不同的渐变颜色进行填充。在这款示例应用程序的可绘制资源目录内,首先创建一个名为shape1.xml的新文件。通过以下代码添加图形:

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:dither="true"  
  4.     android:shape="oval" >  
  5.    
  6.     <gradient  
  7.         android:endColor="#66ff0000"  
  8.         android:gradientRadius="150"  
  9.         android:startColor="#ffffcc00"  
  10.         android:type="radial"  
  11.         android:useLevel="false" />  
  12.    
  13.     <size  
  14.         android:height="100dp"  
  15.         android:width="100dp" />  
  16.    
  17. </shape>  

以上代码构建出的是一个由渐变色填充而成的圆形图案。而四个图形在大小与样式方面完全相同,仅仅在色彩上有所区别。当然,大家可能需要为不同像素密度的设备分别准备多种不同版本的图形。利用以下代码创建shape2.xml:

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:dither="true" 
  4.     android:shape="oval" > 
  5.   
  6.     <gradient 
  7.         android:endColor="#66ffcc00" 
  8.         android:gradientRadius="150" 
  9.         android:startColor="#ff00ff00" 
  10.         android:type="radial" 
  11.         android:useLevel="false" /> 
  12.   
  13.     <size 
  14.         android:height="100dp" 
  15.         android:width="100dp" /> 
  16.   
  17. </shape> 

现在添加shape3.xml:

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:dither="true" 
  4.     android:shape="oval" > 
  5.   
  6.     <gradient 
  7.         android:endColor="#6600ff00" 
  8.         android:gradientRadius="150" 
  9.         android:startColor="#ff0000ff" 
  10.         android:type="radial" 
  11.         android:useLevel="false" /> 
  12.   
  13.     <size 
  14.         android:height="100dp" 
  15.         android:width="100dp" /> 
  16.   
  17. </shape> 

最后添加shape4.xml:

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:dither="true" 
  4.     android:shape="oval" > 
  5.   
  6.     <gradient 
  7.         android:endColor="#660000ff" 
  8.         android:gradientRadius="150" 
  9.         android:startColor="#ffff0000" 
  10.         android:type="radial" 
  11.         android:useLevel="false" /> 
  12.   
  13.     <size 
  14.         android:height="100dp" 
  15.         android:width="100dp" /> 
  16.   
  17. </shape> 

我们将把这些图形作为ImageButtons应用在两种布局场景之内。


http://www.bkjia.com/Androidjc/889876.htmlwww.bkjia.comtruehttp://www.bkjia.com/Androidjc/889876.htmlTechArticle移动开发指南:Android Transition框架介绍(1) BKJIA译文】Android Transition框架允许我们对应用程序用户界面当中的各类外观变化加以配置。大家可...

本文源自: 环亚娱乐

Copyright © 2005-2017 http://www.rheroesinc.com 环亚娱乐_环亚娱乐AG旗舰厅_环亚娱乐AG最佳线路_腾讯娱乐版权所有

扫一扫,加关注