首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 移动开发 > 移动开发 >

仿zaker用手向上促进的效果(推动门效果)

2013-10-08 
仿zaker用手向上推动的效果(推动门效果)本文manymore13原创,转载请标明出处 http://blog.csdn.net/manymor

仿zaker用手向上推动的效果(推动门效果)


       本文manymore13原创,转载请标明出处 http://blog.csdn.net/manymore13/article/details/12219687

     最近在商店下载了zaker ,闲暇时拿来看看新闻!发现每次打开软件进入主界面时有个界面,需要你把它往上滑到一

定距离才能进入到主界面。每次进入软件时它的背景可能不一样,在往上拨的时候你会看见主界面,好似向上推的门一样!

打开它你就可以看到外面的世界。与窗帘有点不同的是在你没有拉开足够距离时,它会俏皮的关闭自己不让你看到外面的美景。

      说这么多想像起来挺模糊的,那让我们看看实际效果图,我现在打开zaker截两张图 如下所示 

仿zaker用手向上促进的效果(推动门效果)              仿zaker用手向上促进的效果(推动门效果)

     左边一张是不做任何操作时的效果,右边一张是界面跟着手往上滑的效果,在滑的时候你会发现即将进入的界面,当你没有滑到一定的距离松开手后窗帘会慢慢关闭,在合闭的时候有个弹动的效果。非常棒!

正如你看到的图片内容,今天是国庆节,在这里祝大家节日快乐!所以你每次打开的时候图片可能不一样。这个效果看起来有点像android里面讲的TranslateAnimation动画,我觉得用Animation动画应该很难实现出这种效果(当然有用animation实现zaker这种效果的大牛可以与我们分享下)。QQ里也有这么个功能的界面,只不过QQ的是展示一张图片两到三秒后再进入主界面。

    下面开始实现这种效果 推动们效果。

    根据效果我实现出一个类,方便与需要用的筒靴使用。代码中有注释



上面的图片是模拟器上运行的截图,看起来有点卡。其实在真机上测试的很流畅。zaker的效果基本是这个样子。

如果你想使用这个类的话,想实现这种效果的话,那么请满足下面两个条件。

1. PullDoorView  match_parent占据全屏 像下面这样整个项目父ViewGroup可以用Framelayout 

2.PullDoorView 必须要放在界面的最上面 使其可以获取touch事件



<com.manymore13.scrollerdemo.PullDoorView        android:id="@+id/myImage"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:background="#ddd" >        <Button            android:id="@+id/btn_above"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerInParent="true"            android:text="第二层" />        <TextView            android:id="@+id/tv_hint"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentBottom="true"            android:layout_centerHorizontal="true"            android:layout_marginBottom="10dp"            android:text="上滑可以进入首页"            android:textColor="#ffffffff"            android:textSize="18sp" />    </com.manymore13.scrollerdemo.PullDoorView>

因为PullDoorView是一个RelativeLayout,所以你可以发挥自己的想象在里面添加任何View或者ViewGroup,上面XML中我添加了一个button和一个textView,我想这两个View你可以再上面的动态图片中应该看到了。另外PullDoorView可以根据需要更换背景图片

 你可以 PullDoorView.setBgImage(图片)

好了就写这么多,仿zaker用手向上推动的效果的实现到此为止。

热点排行