[TIMOB-25625] Android: ScrollableView left/right page arrows are not density scaled
GitHub Issue | n/a |
---|---|
Type | Bug |
Priority | None |
Status | Closed |
Resolution | Fixed |
Resolution Date | 2018-05-09T21:29:47.000+0000 |
Affected Version/s | Release 6.0.0 |
Fix Version/s | Release 7.3.0 |
Components | Android |
Labels | ScrollableView, android |
Reporter | Joshua Quick |
Assignee | Joshua Quick |
Created | 2017-12-23T02:47:07.000+0000 |
Updated | 2018-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.
PR (master): https://github.com/appcelerator/titanium_mobile/pull/9696
FR Passed. Waiting for merger to be enabled.
PR Merged.
Verified the fix in SDK 7.3.0.v20180628132121. Closing.