Game Zone UI Customization for Android

After you build the Gamification Mobile SDK for Android, you can customize the game zone UI components.

The game zone UI components are available in the /LoyaltyMobileSDK-Android/SampleApps/MyNTORewards/src/main/java/com/salesforce/loyalty/mobile/myntorewards/views/gamezone package.

Customize the spinner components, such as the wheel size, frame width and color, and more in the SpinnerConfiguration.kt file. Here are all the parameters you can modify.

For example, to change the spinner frame color to blue, open the /LoyaltyMobileSDK-Android/SampleApps/MyNTORewards/src/main/java/com/salesforce/loyalty/mobile/myntorewards/views/gamezone/spinner/SpinnerConfiguration.kt file in Android Studio, and change the value of val WHEEL_FRAME_COLOUR from SpinnerFrameColour to Color.Blue.

To increase the padding between two segments of the wheel, change the value of const val PADDING_ANGLE_BETWEEN_WHEEL_SEGMENT from 2f to 4f.

You can customize the scratch card components, such as the box and canvas in the ScratchCanvasView.kt file.

For example, to change the scratch card background color to white, open the /LoyaltyMobileSDK-Android/SampleApps/MyNTORewards/src/main/java/com/salesforce/loyalty/mobile/myntorewards/views/gamezone/spinner/ScratchCanvasView.kt file in Android Studio, and inside the CanvasForScratching method, replace Box( modifier = modifier.background(VibrantPurple40).testTag(TEST_TAG_SCRATCH_CARD) with Box( modifier = modifier.background(Color.White).testTag(TEST_TAG_SCRATCH_CARD).