| :warning: This project is no longer maintained | |—|

English

Indonesian

JRSpinner

Custom spinner that inspired by instagram language chooser

View Releases and Changelogs

Table of Content

1. What’s new
2. Gradle install
3. How to use
4. Additional
5. Example

---

What’s new

What’s new in version 1.0.0

1. change repository to jitpack.io
2. add multiple select

Gradle install

Make sure there is jitpack.io repository in your project level build.gradle

allprojects {
    repositories {
        ..
        maven { url "https://jitpack.io" }
    }
}

Implement the dependency to your app-level build.gradle

dependencies {
  ..
  implementation 'com.github.jrizani:JRSpinner:$version'
  ..
  //use it if you want use library that used androidx artifact
  implementation 'com.github.jrizani:JRSpinner:androidx-SNAPSHOT'
}

How to use

Declare the view in your layout

<jrizani.jrspinner.JRSpinner
                android:id="@+id/spn_my_spinner"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/choose"
                android:textColor="@color/colorPrimary"
                app:backgroundTint="@color/colorPrimary"
                app:jrs_title="Choose"
                app:jrs_icon_tint="@color/colorPrimary"
                app:jrs_multiple="true"/>

Attribute

| Attribute | Description | Default Value | | — | — | — | | android:hint | hint of spinner | nothing | | android:textColor | color of text | default text color | | app:backgroundTint | tint of spinner, in default it is change underline color of spinner | default edittext background tint | | android:background | if you want your own background of spinner, you can use it | default edittext background | | app:jrs_title | there is the title of the spinner dialog | “Choose” | | app:jrs_icon_tint | color tint of expand icon | #99000000 | | app:jrs_multiple | choose is it use multiple select or no | false |

You also can set the parameter programmatically

private JRSpinner mySpinner;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mySpinner = findViewById(R.id.spn_my_spinner);

    mySpinner.setItems(getResources().getStringArray(R.array.tesItems)); //this is important, you must set it to set the item list
    mySpinner.setTitle("Choose item programmatically"); //change title of spinner-dialog programmatically
    mySpinner.setExpandTint(R.color.color_default); //change expand icon tint programmatically

//    mySpinner.setOnItemClickListener(new JRSpinner.OnItemClickListener() { //set it if you want the callback
//        @Override
//        public void onItemClick(int position) {
//            //do what you want to the selected position
//        }
//    });

      mJRSpinner.setOnSelectMultipleListener(new JRSpinner.OnSelectMultipleListener() {
          @Override
          public void onMultipleSelected(List<Integer> selectedPosition) {
              //do what you want to selected position list
          }
      }); //use this listener instead if you use multiple
}

Additional

If you want the spinner has a floating label, you can wrap this spinner in Text input layout:

android.support.design.widget.TextInputLayout or com.google.android.material.textfield.TextInputLayout if you use androidx artifact

 <com.google.android.material.textfield.TextInputLayout
            android:id="@+id/til"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:hintEnabled="true">

            <jrizani.jrspinner.JRSpinner
                android:id="@+id/spn_my_spinner"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/my_hint"
                android:textColor="@color/colorPrimary"
                app:backgroundTint="@color/colorPrimary"
                app:jrs_title="Choose"
                app:jrs_icon_tint="@color/colorPrimary"/>

</com.google.android.material.textfield.TextInputLayout>

Example

You can found the example code here.

There is the sample gif