Volume Selector

The VolumeSelector allows you to indicate to your customers which banks are available to them.

This is suitable to be placed in the checkout flow of your application if you for example have multiple payment options available to your customers with radio buttons.

Volume Selector

Usage

Initialize the VolumeProvider class in exactly the same way as with the regular Volume Button

Add a widget to your application where you wish to render the Volume as a payment option.

    <com.volume.sdk.payment.VolumeSelectorView
        android:id="@+id/volumeSelectorView"
            android:layout_width="45dp"
            android:layout_height="45dp"
   />

    binding.contentMain.volumeSelectorView.setCurrency("GBP")
    binding.contentMain.volumeSelectorView.setCountry("GB")

Properties

VolumeSelector properties

Required Properties

key	type	example	description
country	String	"GB"	The country - used to show the banks only from given country
currency	String	"GBP"	The currency - used to show the banks only supporting given currency

Volume Selector Info

A payment option row that combines bank icons, text, an info icon, and a radio button. This is ideal for checkout flows where Volume is one of several payment options.

You can build this layout using the SDK's public components: VolumeSelectorView and VolumeInfoIcon.

Compose the layout using VolumeSelectorView and VolumeInfoView:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="10dp"
    android:background="@drawable/volume_rounded_background">
 
    <com.volume.sdk.payment.VolumeSelectorView
        android:id="@+id/volumeSelectorView"
        android:layout_width="45dp"
        android:layout_height="45dp" />
 
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="10dp"
        android:text="Pay With App Bank"
        android:textSize="18sp"
        android:textStyle="bold" />
 
    <com.volume.sdk.payment.VolumeInfoView
        android:id="@+id/volumeInfoView"
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:layout_marginStart="10dp" />
 
    <View
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_weight="1" />
 
    <RadioButton
        android:id="@+id/volumeRadioButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

binding.volumeSelectorView.setCurrency("GBP")
binding.volumeSelectorView.setCountry("GB")
binding.volumeRadioButton.isChecked = isVolumeSelected
binding.volumeRadioButton.setOnClickListener { onVolumeSelected() }

Component Properties

XML Layout component properties

VolumeSelectorView properties:

key	type	example	description
currency	String	"GBP"	The currency - used to show the banks only supporting given currency
country	String	"GB"	The country - used to show the banks only from given country

VolumeInfoView properties:

key	type	example	description
color	Color	Color(0xFF000000)	The color of VolumeInfo icon. Default value is black

RadioButton - Standard Android RadioButton with isChecked and setOnClickListener.

Volume Info Icon Events