貌似淘宝下拉PopWindow筛选【动画、列表、位置】

1.写在前面

最近做了个pop需求，以前写过pop，比如点击照片时，从底部弹出一个pop，里面可能包含拍照相册取消类似这种，相比以前的pop，现在的需求不一样。
1.位置。并不是从底部移动上去然后移动下去；
2.列表数据。里面的数据也不是定死的，从接口获取，可能只有一条，可能有N条，不同的用户不一样。
3.动画。因为数据的原因，这里并不能使用translate，比如加入某一用户的数据很多，如果布局wrap_content就有可能将屏幕布满，所以这里需要设置一个pop高度，这样子使用translate体验非常不好，有兴趣可以试一试。
下面这是项目效果

下面这是demo效果

2.代码

因为pop使用的是在太多了，代码都非常熟悉了，这里的代码主要有几个地方不一样。
初始化时为pop设置动画

     popPower.setAnimationStyle(R.style.popup_device_choose);<style name="popup_device_choose"><item name="android:windowEnterAnimation">@anim/pop_scale_small</item><item name="android:windowExitAnimation">@anim/pop_scale_large</item></style>//这里只是其中一个动画<scale
        xmlns:android="http://schemas.android.com/apk/res/android"android:duration="300"android:fromXScale="1"android:fromYScale="0"android:pivotX="0%"android:pivotY="0%"android:toXScale="1"android:toYScale="1" ></scale>

特别注意这里的动画使用的scale，真没想到scale还能这样用，X轴方向不缩放，然后Y轴上进行缩放，真能达到类似translate效果，特别感谢一好哥们的提示（开始使用translate效果非常不好）

获取要显示pop View，比如这里的红色View，pop要显示在它下面,获取到后设置

    //pop弹出锚点RelativeLayout rlDeviceListChoose = (RelativeLayout)this.findViewById(R.id.rl_device_list_choose);popPower.showAsDropDown(rlDeviceListChoose);

3.源码

如果帮到你Star下，thx

貌似淘宝下拉PopWindow筛选【动画、列表、位置】相关推荐

下拉搜索词api接口、淘宝搜索下拉框选词api，淘宝下拉词接口，淘宝搜索的下拉词推荐接口、关键词推荐api
一.下拉搜索框选词api介绍淘宝搜索下拉框选词是通过淘宝.天猫.手机润宝搜索下拉框查询淘宝搜索指数高.流量高.转化率高的关键词,并获取各关键词对应的在线相关宝贝数量及其推荐属性词.对于查询到的这些关 ...
css淘宝下拉菜单,纯css打造最简洁下拉菜单-无js-非常实用
先上图:(点击图片可到楼主的个人网站) 样式部分: 分全局,一级菜单和二级菜单.初始化二级的ul 的display 默认是隐藏的. /*公共全局*/ *{ margin:0; padding:0;} ...
android仿淘宝下拉查看更多
1.http://blog.csdn.net/zhongkejingwang/article/details/38656929 郑州跃睿电子科技有限公司(跃睿科技):www.yuerui365.com
淘宝“”升级小卖家在淘宝总部拉横幅
小卖家们在线拉响"围攻"大商户的"集结号". 淘宝商城近日调整招商续签及相关规则,技术服务年费和违约保证金涨幅高达5倍至15倍之巨.此举引起大批商家,尤其是中小 ...
iOS 仿淘宝,上拉进入详情页面
今天做的主要是一个模仿淘宝,上拉进入商品详情的功能,主要是通过 tableView 与 webView 一起来实现的,当然也可根据自己的需要把 webView 替换成你想要的 // // ViewCo ...
Android仿微信首页下拉显示小程序列表
花点时间重新熟悉一下AndroidUI方面的东西,把古董PullToRefreshView又撸了一遍,技术这种东西真是忘得快啊...在基础上新增一点东西,粗糙地实现了仿微信首页下拉显示小程序列表的样式 ...
android微信下拉出现小程序,Android仿微信首页下拉显示小程序列表
花点时间重新熟悉一下AndroidUI方面的东西,把古董PullToRefreshView又撸了一遍,技术这种东西真是忘得快啊...在基础上新增一点东西,粗糙地实现了仿微信首页下拉显示小程序列表的样式 ...
mui 组件：“div下拉导航”【scroll固定位置】- 案例篇
(含代码.效果图)侧滑导航:"div下拉导航" 截图如下: 重要代码 · 如下: //下拉菜单定位:动态锁定 window.onscroll = function(){let sc ...
Android 仿网易一元夺宝客户端下拉加载动画实现(一)
上上周写的一个demo,仿照网易一元夺宝的下拉刷新效果. 原效果是(第一部分)一个小太阳拉下来,然后松开回弹上去, (第二部分)再掉下来一个硬币进行中轴旋转. 本文实现的效果的是第一部分的,效果演示图 ...
仿淘宝上拉进入详情页交互的实现
可以看到,该页面是分为两部分的,一部分是一开始就能看到的商品信息,然后我们上拉屏幕,屏幕不断往上滚动,滚动到第一部分结束时可以看到底部有"继续拖动,查看图文详情"一行文本出现.继续 ...

貌似淘宝下拉PopWindow筛选【动画、列表、位置】

1.写在前面

2.代码

3.源码

貌似淘宝下拉PopWindow筛选【动画、列表、位置】相关推荐

最新文章

热门文章