Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-25635] Android: Multi-View Viewpager (ScrollableView)

GitHub Issuen/a
TypeNew Feature
PriorityCritical
StatusClosed
ResolutionFixed
Resolution Date2018-08-24T01:41:32.000+0000
Affected Version/sn/a
Fix Version/sRelease 7.5.0
ComponentsAndroid
Labelsandroid, parity, scrollableview
ReporterMichael Gangolf
AssigneeGary Mathews
Created2017-12-18T21:11:52.000+0000
Updated2018-09-10T10:14:29.000+0000

Description

In iOS it is possible to set clipViews to display the previous and next page in a ScrollableView. Android doesn't have this feature but it would be nice to display multiple views, too. The following resources have good examples on how to implement it in different ways: https://commonsware.com/blog/2012/08/20/multiple-view-viewpager-options.html https://stackoverflow.com/a/21239185 https://github.com/br00/android-viewpager-multiple-pages Adding pager.setPageMargin(-200) in [TiUIScrollableView](https://github.com/appcelerator/titanium_mobile/blob/b758504ce898d0e93e461849cbb8975283da85bc/android/modules/ui/src/java/ti/modules/titanium/ui/widget/TiUIScrollableView.java#L118) already helped to get this effect.

Comments

  1. Sharif AbuDarda 2017-12-27

    Hello, Thanks for submitting the ticket. Our engineers will look into it.
  2. Sergey Volkov 2018-07-11

    https://github.com/appcelerator/titanium_mobile/pull/10172
  3. Samir Mohammed 2018-08-13

    *Closing ticket.* Verified new feature in SDK version: 7.4.0.v20180810061237. *FR Passed (Test Steps):*

    Created a titanium application with the test case from https://github.com/appcelerator/titanium_mobile/pull/10172

    Ran the program

    Able to see the previous and next page in the same view

    Changed the padding of the view

    Changes were able to be seen on the application (adding more padding allowed the application to see more of the previous and next view)

    *Test Environment*
       APPC Studio: 5.0.0.201712081732
       APPC CLI: 7.0.4
       Nexus 6p (8.1.0)
       Operating System Name: Mac OS High Sierra
       Operating System Version: 10.13
       Node.js Version: 8.9.1
       Xcode 9.2
       
  4. Samir Mohammed 2018-09-10

    *Closing ticket.* Also verified using SDK Version 7.5.0.v20180906093938

JSON Source