请选择 进入手机版 | 继续访问电脑版
 找回密码

上海老站长门户

点击联系客服
客服QQ: 客服微信:
查看: 40|回复: 33

查看Android在线直播源代码 实现动画效果

[复制链接]

1

主题

1

帖子

-7

积分

限制会员

积分
-7
发表于 7 天前 | 显示全部楼层 |阅读模式
小菜最近在学习

在线直播源码上的小动画片,不好意思,工作这么久一直不太理解动画片的这一部分,今天特学吧

Android上的基本动画。

Android上的默认动画如下

alpha(透明度)/

scale(缩放)/

translate(位移)/

rotate(旋转)四个小菜今天将学习如何实现在线直播源渐变缩放动画效果。

Activity绑定动画活动3360

mbtn  1 . setonclicklistener(new  view  . onclicklistener(){

@Override

公共void  onclick  (viewv) {

Mv1。start  animation(animation  utils  . load  animation(anim  activity  . this,r.anim.anim  _ scale))

}

});





layout.xml显示动画效果

?嗯?XML  version=' 1.0 ' encoding=' utf-8 '?

LinearLayoutxmlns:android='

Android  3360 Layout  _ width=' match  _ parent  '

Android  3360 layout  _ height=' match  _ parent  '

Android  3360 Orientation=' vertical  '

Button

Android  : ID=' @ id/anim  _ BTN  1 '

Android  3360 Layout  _ width=' match  _ parent  '

Android  3360 Layout  _ height=' wrap  _ content  '

Android  3360 Layout  _ marginbottom=' 40dp  '

Android:text=“开始动画”/

View

Android  : ID=' @ ID/Anim  _ v1 '

Android:layout  _ width=' 30
0dp"
      android:layout_height="150dp"
      android:layout_gravity="center"
      android:background="@color/colorAccent" />



anim.xml 设置动画属性



代码很简单,小菜接下来逐条学习一下 anim_scale 中各条属性:
1. android:duration="3500"
   
duration 代表动画过程中持续时常;
2. android:fromXScale="0.0"
   
fromXScale 代表初始时横向
View 比例,0.0为从没有开始动画,1.0即
View 原尺寸,2.0即
View 原尺寸两倍;建议与
toXScale 共同使用;
3. android:fromYScale="0.0"
   
fromYScale 为初始时纵向
View 比例,与
fromXScale 使用相同;
4. android:toXScale="1.0"
   
toXScale 代表动画过程中横向变化尺寸比例,一般与
fromXScale 共同使用;
5. android:toYScale="1.0"
   
toYScale 代表动画过程中纵向变化尺寸比例,一般与
fromYScale 共同使用;
6. android:pivotX="100%p" android:pivotY="100%p"
   
pivotX
pivotY 是小菜重点学习的地方,小菜理解为动画起点坐标,可以为整数值、百分数(或者小数)、百分数p 三种样式。
[ol]

  •        
  • 整数值:android:pivotX="100"[/ol]
       整数值类型是相对于自身
    View 来定义,以自身
    View 左上角的点为原点,水平向右为正,竖直向下为正的坐标系中计算,设置的整数值为
    px,为固定值。






    [ol]

  •        
  • 百分数/小数:android:pivotX="100%"[/ol]
       百分数/小数类型是相对于自身
    View 来定义,与整数值类似,只是坐标点是以自身
    View 尺寸比例来计算而非固定值。

      [B]
      
       
          
       
       
       
      


    [ol]

  •        
  • 百分数 +
    p:[/ol]
       这种方式是最特殊的,小菜理解为自身
    View 与相对于某个父容器的大小,并非单纯的根据父容器大小尺寸位置。小菜为了测试方便,设置了一个固定的 400dp*400dp 的
    LinearLayout,测试百分数 +
    p 的方式都正常,但是如果设置
    View 居中或其他情况时跟小菜想的很有差距,小菜测试了很久,终于有一些了解。
       百分比 +
    p 这种方式是相对的,既与父容器相关也与自身
    View 相关,当设置
    View 位置为居中或其他位置时,整个移动的坐标系也会变化,原点并非直接父容器左上角而是自身
    View 左上角,整个移动布局根据
    View 平移;而父容器是一个框架,动画的范围大小为父容器大小且只在父容器中进行展示。如图:






       小菜这才了解到刚开始测试时并未设置
    LinearLayout
    gravity 或自身
    View
    layout_gravity 属性,默认是居左上角,此时与父容器左上角重合。

      [B]
      
       
       
          
       
       
       
       
       
      


    7. android:interpolator="@android:anim/accelerate_decelerate_interpolator"
       
    interpolator 代表缩放动画曲线,即动画由大变小,变换速率等

          小菜正在从零学习实现在线直播源码的动画效果,不对的请多多指正!
    声明:本文由云豹科技转发自阿策~博客,如有侵权请联系作者删除
  • 回复

    使用道具 举报

    0

    主题

    660

    帖子

    214

    积分

    中级会员

    Rank: 3Rank: 3

    积分
    214
    发表于 7 天前 | 显示全部楼层
    学习了,不错,讲的太有道理了
    回复

    使用道具 举报

    1

    主题

    628

    帖子

    170

    积分

    注册会员

    Rank: 2

    积分
    170
    发表于 7 天前 | 显示全部楼层
    沙发!沙发!
    回复

    使用道具 举报

    1

    主题

    645

    帖子

    108

    积分

    注册会员

    Rank: 2

    积分
    108
    发表于 7 天前 | 显示全部楼层
    路过,学习下
    回复

    使用道具 举报

    1

    主题

    661

    帖子

    161

    积分

    注册会员

    Rank: 2

    积分
    161
    发表于 7 天前 | 显示全部楼层
    我抢、我抢、我抢沙发~
    回复

    使用道具 举报

    1

    主题

    642

    帖子

    141

    积分

    注册会员

    Rank: 2

    积分
    141
    发表于 7 天前 | 显示全部楼层
    不错
    回复

    使用道具 举报

    1

    主题

    638

    帖子

    100

    积分

    注册会员

    Rank: 2

    积分
    100
    发表于 7 天前 | 显示全部楼层
    有竞争才有进步嘛
    回复

    使用道具 举报

    1

    主题

    623

    帖子

    112

    积分

    注册会员

    Rank: 2

    积分
    112
    发表于 7 天前 | 显示全部楼层
    我是个凑数的。。。
    回复

    使用道具 举报

    1

    主题

    626

    帖子

    148

    积分

    注册会员

    Rank: 2

    积分
    148
    发表于 7 天前 | 显示全部楼层
    不错
    回复

    使用道具 举报

    1

    主题

    707

    帖子

    202

    积分

    中级会员

    Rank: 3Rank: 3

    积分
    202
    发表于 7 天前 | 显示全部楼层
    我是个凑数的。。。
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ| 无图版|手机版|小黑屋| 上海@IT精英团

    Copyright © 2001-2015 Comsenz Inc.   All Rights Reserved.

    Powered by Discuz! X3.4

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