谷歌加Android应用UI设计 - ListView的向上扫掠进入视野视野、Android、谷歌加、ListView

2023-09-07 10:13:44 作者:4.寂寞地平线

可能有人请解释一下谷歌如何实现自己的谷歌+应用程序的详细信息页面?详细页的功能在顶部(可挖掘)和的ListView ,其位于大约50%的首屏幕的图像。

就像这样:例

当你向上滑动即可在ListView上升到填满整个屏幕:例

在此之后,额外的刷卡控制列表视图上/下:例

我做我的研究,但很少可以建议他们如何实现这一点。

感谢

解决方案

简短的回答是,他们使用各种技巧使滑动菜单。资源吨已被人在Android社区撰写,最值得注意的是:

在这里的主题视频: https://plus.google.com/115177579026138386092/posts/FjnASs9no1a 这是创作陪视频的示例: https://github.com/jfeinstein10/SlidingMenu 最后,存在于Play商店中的演示应用程序。

要获得演示最简单的方法是在Play商店搜索SlidingMenu演示。在演示感兴趣的特定控制是ViewPager为例,幻灯片的例子。

Android系统手机应用UI设计

当你在图书馆,你会发现它最多pretty多重写现有控件显著件从View以及自定义转换在视图中使用canvas元素。

这杰里米撰写的样品,这确实是一种替代库现有的ListView和页面控件,支持Android设备的大范围,以及一个数字,是你给的例子和使用略有不同的变化的UI控件不同的转变。

Could someone please explain how Google implemented the "detail" page of their Google + app? The detail page features an image at the top (which can be tapped) and a ListView that is positioned roughly 50% down the screen.

Like so: Example

When you swipe up the ListView moves up to fill the entire screen: Example

After this, additional swipes control the listView up/down: Example

I've done my research but very little is available to suggest how they implemented this.

Thanks

解决方案

The short answer is that they're using various tricks for enabling the sliding menus. Tons of resources have been authored by folks in the Android community, most notably:

The video on the subject here: https://plus.google.com/115177579026138386092/posts/FjnASs9no1a The sample that was authored to accompany the video: https://github.com/jfeinstein10/SlidingMenu And finally, a demo app that exists in the play store.

The easiest way to get the demo is to search for SlidingMenu Demos in the Play store. The specific controls of interest in the Demo are the "ViewPager" example and the "Slide" example.

When you look at the library, you'll notice that it pretty much rewrites significant pieces of the existing controls from View on up as well as custom transformations for a canvas element used in the view.

The sample that Jeremy authored, which really is an alternative library to existing ListView and Page controls, supports a large spectrum of Android devices as well as a number of UI controls that are slightly different variations of the examples you gave and that use varying transitions.

 
精彩推荐