Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-25625] Android: ScrollableView left/right page arrows are not density scaled

GitHub Issuen/a
TypeBug
PriorityNone
StatusClosed
ResolutionFixed
Resolution Date2018-05-09T21:29:47.000+0000
Affected Version/sRelease 6.0.0
Fix Version/sRelease 7.3.0
ComponentsAndroid
LabelsScrollableView, android
ReporterJoshua Quick
AssigneeJoshua Quick
Created2017-12-23T02:47:07.000+0000
Updated2018-06-29T17:01:51.000+0000

Description

*Summary:* On Android, a ScrollableView's left/right paging arrows are hard-coded to 80x80 pixels. They appear very large on a low DPI screen (such as "hdpi") and small on a high DPI screen (such as "xxxhdpi"). *Steps to Reproduce:*

Build and run the below code on an "hdpi" device.

Scroll to the right in the ScrollableView.

Note the very LARGE left/right arrows that are overlaid on the view.

Run the below code on an "xxxhdpi" device.

Scroll to the right in the ScrollableView.

Note the very small left/right arrows that are overlaid on the view.

var window = Ti.UI.createWindow();
var scrollableView = Ti.UI.createScrollableView(
{
	views:
	[
		Ti.UI.createView({ backgroundColor: "red" }),
		Ti.UI.createView({ backgroundColor: "green" }),
		Ti.UI.createView({ backgroundColor: "blue" }),
		Ti.UI.createView({ backgroundColor: "purple" }),
	],
	showPagingControl: true,
});
window.add(scrollableView);
window.open();
*Expected Result:* The left/right arrows should be density scaled so that they appear to have a similar physical size (in inches) between different DPI devices.

Comments

  1. Joshua Quick 2017-12-23

    PR (master): https://github.com/appcelerator/titanium_mobile/pull/9696
  2. Lokesh Choudhary 2018-05-05

    FR Passed. Waiting for merger to be enabled.
  3. Lokesh Choudhary 2018-05-09

    PR Merged.
  4. Lokesh Choudhary 2018-06-29

    Verified the fix in SDK 7.3.0.v20180628132121. Closing.

JSON Source