动画-- 按钮按序列(从小到大)显示

 1 import android.app.Activity;
 2 import android.app.Fragment;
 3 import android.os.Bundle;
 4 import android.view.LayoutInflater;
 5 import android.view.View;
 6 import android.view.ViewGroup;
 7 import android.view.animation.LayoutAnimationController;
 8 import android.view.animation.ScaleAnimation;
 9 import android.widget.LinearLayout;
10
11 public class MainActivity extends Activity {
12
13     @Override
14     protected void onCreate(Bundle savedInstanceState) {
15         super.onCreate(savedInstanceState);
16         setContentView(R.layout.activity_main);
17
18         if (savedInstanceState == null) {
19             getFragmentManager().beginTransaction()
20                     .add(R.id.container, new PlaceholderFragment()).commit();
21         }
22     }
23
25     public static class PlaceholderFragment extends Fragment {
26
27         public PlaceholderFragment() {
28         }
29
30         @Override
31         public View onCreateView(LayoutInflater inflater, ViewGroup container,
32                 Bundle savedInstanceState) {
33
34             final LinearLayout rootView = (LinearLayout) inflater.inflate(
35                     R.layout.fragment_main, container, false);
36
37             /**
38              *  ***  ScaleAnimation 缩放动画效果  ***
39              * float fromX 动画起始时 X坐标上的伸缩尺寸。
40              * float toX 动画结束时 X坐标上的伸缩尺寸。
41              * float fromY 动画起始时Y坐标上的伸缩尺寸。
42              * float toY 动画结束时Y坐标上的伸缩尺寸。
43              */
44             ScaleAnimation sa = new ScaleAnimation(0, 1, 0, 1);
45             sa.setDuration(5000); // 5秒 设置持续时间
46
47             /**
48              * LayoutAnimationController 控制一组控件按照规定显示.
49              * delay 推迟。
50              */
51             LayoutAnimationController lac = new LayoutAnimationController(sa,
52                     0.5f);
53
54             /**
55              * LayoutAnimationController.ORDER_NORMAL    顺序显示
56              * LayoutAnimationController.ORDER_REVERSE   反显示(从下往上)
57              * LayoutAnimationController.ORDER_RANDOM    随机显示
58              */
59             lac.setOrder(LayoutAnimationController.ORDER_REVERSE);
60
61             rootView.setLayoutAnimation(lac);
62
63             return rootView;
64         }
65     }
66
67 }

activity_main.xml

1 <FrameLayout   xmlns:android="http://schemas.android.com/apk/res/android"
2     xmlns:tools="http://schemas.android.com/tools"
3     android:id="@+id/container"
4     android:layout_width="match_parent"
5     android:layout_height="match_parent" />

fragment_main.xml

 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical"
 6     tools:context="com.jikexueyuan.layoutanimationinlinearlayout.MainActivity$PlaceholderFragment" >
 7
 8     <Button
 9         android:id="@+id/Button05"
10         android:layout_width="wrap_content"
11         android:layout_height="wrap_content"
12         android:text="Button" />
13
14     <Button
15         android:id="@+id/Button04"
16         android:layout_width="wrap_content"
17         android:layout_height="wrap_content"
18         android:text="Button" />
19
20     <Button
21         android:id="@+id/Button03"
22         android:layout_width="wrap_content"
23         android:layout_height="wrap_content"
24         android:text="Button" />
25
26     <Button
27         android:id="@+id/Button02"
28         android:layout_width="wrap_content"
29         android:layout_height="wrap_content"
30         android:text="Button" />
31
32     <Button
33         android:id="@+id/Button01"
34         android:layout_width="wrap_content"
35         android:layout_height="wrap_content"
36         android:text="Button" />
37
38     <Button
39         android:id="@+id/button1"
40         android:layout_width="wrap_content"
41         android:layout_height="wrap_content"
42         android:text="Button" />
43
44 </LinearLayout>
时间: 2024-10-11 22:59:02

动画-- 按钮按序列(从小到大)显示的相关文章

纯CSS3动画按钮效果 5种漂亮样式

这次我们要来分享一款很不错的CSS3按钮动画,这款CSS3按钮一共有5种动画方式,每一种都是鼠标滑过动画形式,虽然这些动画按钮不是十分华丽,但是小编觉得不像其他按钮那样很难扩展,我们可以修改CSS代码随意改变自己喜欢的颜色样式. 在线演示源码下载 让我们一起来看看实现这5中样式动画按钮的HTML代码和CSS代码吧.以第一个按钮为例,其他按钮的代码大家可以下载源代码来研究,并不是很难. HTML代码: <div class="button01"> <a href=&qu

点击按钮实现隐藏和显示的切换代码

点击按钮实现隐藏和显示的切换代码:在不少应用中,都有这样的功能,点击同一个按钮可以实现一个元素的显示和隐藏的切换,下面就通过代码实例介绍一下如何实现此效果,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> &

分享一款基于jquery的圆形动画按钮

之前为大家介绍过一款纯css3实现的圆形旋转分享按钮.今天要给大家带来一款基于jquery的圆形动画按钮.这款按钮鼠标经过的时候以边框转圈,然后逐渐消息,在实例中给出了四种颜色的demo.效果图如下: 在线预览   源码下载 实现的代码. html代码: <figure class='red'> <div class='icon'> i</div> <div class='circle'> </div> </figure> <f

jQuery Mobile(jqm)按钮的隐藏和显示,包括a标签,圆角和非圆角按钮

在移动互联网时代,HTML5开发越来越收到欢迎.于是各种HTML5的框架都出来了.由于对于jquery的熟悉,jquery mobile 为多数人选择学习的对象.我也是众多追求者之一.最近一直在开发jQuery Mobile的相关应用.并颇有心得,再这里和大家一起分享一下. 好了,我们之间上代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>

5种漂亮的纯CSS3动画按钮特效

这次我们要来分享一款很不错的CSS3按钮动画,这款CSS3按钮一共有5种动画方式,每一种都是鼠标滑过动画形式,虽然这些动画按钮不是十分华丽,但是小编觉得不像其他按钮那样很难扩展,我们可以修改CSS代码随意改变自己喜欢的颜色样式. 在线预览   源码下载 实现的代码. html代码: <!--button01--> <div class="button01"> <a href="#">Download</a> <p

一款纯css3实现的动画按钮

今天给大家分享一款纯css3实现的动画按钮.第一排的按钮当鼠标经过的背景色动画切换,图标从右侧飞入,第二排的按钮当鼠标经过的时候边框动画切换,图标右侧飞入,效果非常好,一起看下效果图: 在线预览   源码下载 实现的代码. html代码: <div class="black"> <a href="#" class="btn"><span>Become A Member</span> <i>

基于jQuery点击加载动画按钮特效

分享一款基于jQuery点击加载动画按钮特效.这是一款基于jQuery+CSS3实现的鼠标点击按钮加载动画特效代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3 text-center"> <p> <button c

一款基于css3的动画按钮

之前为大家分享了 推荐10款纯css3实现的实用按钮.今天给大家带来一款基于css3的动画按钮.实现的效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="share-buttons"> <div class="share-button"> <div class="share-button-secondary"> <div class="share-butt

纯CSS3冒泡动画按钮实现教程

这款CSS3动画按钮非常的有创意,鼠标在滑过按钮时并不像其他按钮那样仅仅改变按钮的背景颜色,而是出现很酷的冒泡动画.这么惊艳的CSS3动画按钮,这篇文章主要将按钮实现的过程和代码分享给大家,希望能给在学习CSS3的同学带来实质性的帮助.可以下来看看在线演示效果: 在线演示        源码下载 接下来我们来讲解一下这款CSS3气泡动画的按钮实现过程,主要由HTML代码和CSS代码组成. HTML代码: <div id="buttonContainer"> <a hr