登录 立即注册
安币:

安卓巴士 - 安卓开发 - Android开发 - 安卓 - 移动互联网门户

查看: 901809|回复: 77

第四十六讲:用户界面 View(十三)

  [复制链接]

0

主题

0

帖子

-16

安币

限制会员

发表于 2011-4-29 17:43:43 | 显示全部楼层 |阅读模式
本帖最后由 andbus 于 2011-4-29 17:47 编辑

本讲内容: ViewFlipper  视图切换组件 ViewAnimator
我们在上一讲用到了两个非常好用的ImageSwitcher和TextSwitcher视图切换组件。今天我们再一起学习另一个功能更强大的视图切换组件 ViewFlipper,它可以在任意视图和视图组合之间切换。在学习之前我们有必要看一下 ViewAnimator 对象。
我们制作视图动画时会发现有个ViewAnimator类,这个类的价值我画一个图给大家看就行了:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <linearlayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android">
  3. <viewflipper android:layout_height="wrap_content" android:layout_width="match_parent" android:id="@+id/viewFlipper1">
  4.         <include android:id="@+id/layout1" layout="@layout/layout1"></include>
  5.         <include android:id="@+id/layout2" layout="@layout/layout2"></include>
  6. </viewflipper>
  7. </linearlayout>
复制代码
这里用到了include标签,学过java web的同学很容易理解,这和jsp页面里的include没啥区别。使用include我们可以把一个大的布局文件拆成多个小的文件,使用include,我们可以复用一些常用布局组合3、另外两个layout1.xml 和 layout2.xml的代码分别如下:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <linearlayout android:layout_height="wrap_content" android:layout_width="match_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/linearLayout1">
  3.         <textview android:layout_height="wrap_content" android:layout_width="fill_parent" android:id="@+id/textView2" android:gravity="center" android:text="apple" android:textsize="20sp">
  4.         </textview>
  5. </linearlayout>
复制代码
4、MainActivity.java的代码如下:
  1. package basic.android.lesson46;

  2. import android.app.Activity;
  3. import android.os.Bundle;
  4. import android.view.View;
  5. import android.view.animation.AnimationUtils;
  6. import android.widget.ViewFlipper;

  7. public class MainActivity extends Activity {
  8.         @Override
  9.         public void onCreate(Bundle savedInstanceState) {
  10.                 super.onCreate(savedInstanceState);
  11.                 setContentView(R.layout.main);

  12.                 // 定义ViewFlipper
  13.                 final ViewFlipper vf = (ViewFlipper) findViewById(R.id.viewFlipper1);

  14.                 // 设置点击监听器
  15.                 vf.setOnClickListener(new View.OnClickListener() {
  16.                         @Override
  17.                         public void onClick(View v) {
  18.                                 // 点击读取下一个视图元素
  19.                                 vf.showNext();
  20.                         }
  21.                 });

  22.                 // 设置切入动画
  23.                 vf.setInAnimation(AnimationUtils.loadAnimation(getApplicationContext(), android.R.anim.slide_in_left));
  24.                 // 设置切出动画
  25.                 vf.setOutAnimation(AnimationUtils.loadAnimation(getApplicationContext(), android.R.anim.slide_out_right));

  26.         }
  27. }
复制代码

5、编译并运行代码,查看结果:[url=http://android.yaohuiji.com/wp-content/uploads/2011/03/image22.png]


好了,先到这里,下次再见。



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

0

主题

29

帖子

12

安币

初级码农

Rank: 1

发表于 2011-6-19 08:03:20 | 显示全部楼层
感谢分享

0

主题

47

帖子

35

安币

程序猿

Rank: 2

发表于 2011-10-24 23:43:55 | 显示全部楼层
谢谢分享```楼主很强大~~

0

主题

52

帖子

29

安币

程序猿

Rank: 2

发表于 2011-12-1 20:37:33 | 显示全部楼层
没有源码下载啊

0

主题

51

帖子

62

安币

程序猿

Rank: 2

发表于 2011-12-4 13:52:09 | 显示全部楼层
路过look下

2

主题

38

帖子

120

安币

程序猿

Rank: 2

发表于 2011-12-5 09:25:39 | 显示全部楼层
楼主讲的不详细哦

0

主题

83

帖子

214

安币

攻城狮

Rank: 3Rank: 3

QQ达人

发表于 2011-12-7 15:43:46 | 显示全部楼层
路过。。。。

0

主题

39

帖子

6

安币

初级码农

Rank: 1

发表于 2012-2-7 11:58:25 | 显示全部楼层
感谢分享,支持一下
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站长推荐

通过邮件订阅最新安卓weekly信息
上一条 /4 下一条

下载安卓巴士客户端

全国最大的安卓开发者社区
联系我们
关闭
合作电话:
15618560077
Email:
805941275@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| 广东互联网违法和不良信息举报中心|中国互联网举报中心|下载客户端|申请友链|手机版|站点统计|安卓巴士 ( 粤ICP备15117877号 )

快速回复 返回顶部 返回列表