css百叶窗效果适用于哪一种网页上

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css百叶窗效果适用于哪一种网页上相关的知识,希望对你有一定的参考价值。

参考技术A 用css实现百叶窗特效。css经典案例。纯CSS3实现百叶窗动画效果 11-05 纯CSS3实现百叶窗动画效果 纯CSS3实现百叶窗动画效果 CSS...

Android 仿 PPT 进入动画效果合集

EnterAnimation

android 仿ppt进入动画效果合集, 百叶窗效果,擦除效果,盒状效果,阶梯效果,菱形效果,轮子效果,劈裂效果,棋盘效果, 切入效果,扇形展开效果,十字扩展效果,随机线条效果,向内溶解效果,圆形扩展效果, 适用于各种view和viewgroup,activity即用于页面根部viewgroup, 自定义viewgroup自动换行layout, 看效果图

Series of entrance animation effects just like ppt in Android. There are effects of Blinds,Wipe,Box,Strips,Diamond,Wheel,Split,Checkerboard,Peek In,Wedge,Plus,Random Bars,Dissolve In,Circle. The Animation effects can apply to any View or ViewGroup. There is also a custom ViewGroup of auto linefeed called SimpleLineWrapLayout to layout the buttons. look the p_w_picpaths:


Attributes

There are several attributes you can set:


attr 属性description 描述
isVisibleAtFirst进入页面时视图内容是否可见,默认可见

How to use

layout:

在需要显示动画效果的 view 或 viewgroup 的外层包一个 EnterAnimLayout,然后在 java 中设置具体动画和控制开始播放动画;需要播放整个 activity 的话同理在最外层加一个 EnterAnimLayout,然后在 java 中设置具体动画和控制开始播放动画


        <com.wangpm.enteranimation.EnterAnimLayout           
            android:id="@+id/anim_layout"
            android:layout_
            android:layout_
            android:layout_gravity="center_horizontal"
            android:background="@android:color/holo_blue_bright"
            android:padding="20dp"
            >
            <LinearLayout
                android:layout_
                android:layout_
                android:orientation="vertical"
                android:background="@android:color/holo_orange_light">
                <TextView
                    android:id="@+id/text_view"
                    android:layout_
                    android:layout_
                    android:text="EnterAnimTextView"
                    android:textSize="30sp"
                    />
                <LinearLayout
                    android:layout_
                    android:layout_
                    android:orientation="horizontal">
                    <ImageView
                        android:layout_
                        android:layout_
                        android:src="@mipmap/ic_launcher"
                        />
                    <Button
                        android:layout_
                        android:layout_
                        android:text="这就是一个按钮"/>
                </LinearLayout>

            </LinearLayout>
        </com.wangpm.enteranimation.EnterAnimLayout>

java:

        enterAnimLayout = (EnterAnimLayout)  findViewById(R.id.anim_layout);	  
          //oncreate中还并未获得view的具体尺寸,所以打开页面时延迟播放动画
        new Handler().postDelayed(new Runnable() {   
                 @Override
            public void run() {			   
             //举例设置成百叶窗动画
                Anim anim = new AnimBaiYeChuang(enterAnimLayout);
                anim.startAnimation(2500);//开始播放动画,动画播放时长2500ms,默认2000
            }
        }, 1000);


项目地址:
https://github.com/wangpeiming110/EnterAnimation
如果觉得对你有用,请在github上star一个,O(∩_∩)O谢谢


以上是关于css百叶窗效果适用于哪一种网页上的主要内容,如果未能解决你的问题,请参考以下文章

css3 怎么把图片分成百叶窗

CSS实现动画特效导航栏

javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件

css轻松搞定显示隐藏的效果

打开网页窗口效果

JS的发展历程