Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-25625

Android: ScrollableView left/right page arrows are not density scaled

    Details

    • Story Points:
      1
    • Sprint:
      2018 Sprint 05 SDK, 2018 Sprint 04 SDK

      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:

      1. Build and run the below code on an "hdpi" device.
      2. Scroll to the right in the ScrollableView.
      3. Note the very LARGE left/right arrows that are overlaid on the view.
      4. Run the below code on an "xxxhdpi" device.
      5. Scroll to the right in the ScrollableView.
      6. 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.

        Attachments

          Activity

            People

            • Assignee:
              jquick Joshua Quick
              Reporter:
              jquick Joshua Quick
              Reviewer:
              Gary Mathews
            • Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Backbone Issue Sync

                • Titanium SDK/CLI <> Titanium Mobile
                  Synced with:
                  TIMOB-6059
                  Sync status:
                  ERROR
                  Last received:
                  Last sent:

                  Git Source Code