Material Wheel View
🎡 Prettier and simpler IOS like WheelView and other built-in WheelView UIs
Installation
Gradle
- Add it in your root build.gradle at the end of repositories:
repositories {
maven {
url "https://jitpack.io"
}
}
- Add the dependency:
dependencies {
compile 'com.github.BlackBoxVision:material-wheel-view:v0.0.1'
}
Maven
- Add the JitPack repository to your maven file.
<repository>
<id>jitpack.io</id>
<url>https://jitpack.io</url> </repository>- Add the dependency in the form
<dependency>
<groupId>com.github.BlackBoxVision</groupId>
<artifactId>>material-wheel-view</artifactId>
<version>v0.0.1</version> </dependency>SBT
- Add it in your build.sbt at the end of resolvers:
resolvers += "jitpack" at "https://jitpack.io"- Add the dependency in the form:
libraryDependencies += "com.github.BlackBoxVision" % "material-wheel-view" % "v0.0.1" Usage example
In your layout.xml:
<io.blackbox_vision.wheelview.view.WheelView android:id="@+id/loop_view" android:layout_width="200dp" android:layout_height="180dp" app:canLoop="true" app:centerTextColor="#ff000000" app:drawItemCount="7" app:initPosition="3" app:lineColor="@color/colorPrimary" app:textSize="25sp" app:topBottomTextColor="#ffafafaf"/>In your activity class:
@Override protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
final WheelView wheelView = (WheelView) findViewById(R.id.loop_view);
wheelView.setInitPosition(2);
wheelView.setCanLoop(false);
wheelView.setLoopListener(item -> {
}
);
wheelView.setTextSize(12);
wheelView.setItems(getList());
}
Also, there is a built-in UI called DatePickerPopUpWindow, you can use it like these:
findViewById(R.id.date).setOnClickListener(v -> {
final DatePickerPopUpWindow datePicker = new DatePickerPopUpWindow.Builder(getApplicationContext())
.setMinYear(1990)
.setMaxYear(2550)
.setSelectedDate("2013-11-11")
.setOnDateSelectedListener(this::onDateSelected)
.setConfirmButtonText("CONFIRM")
.setCancelButtonText("CANCEL")
.setConfirmButtonTextColor(Color.parseColor("#999999"))
.setCancelButtonTextColor(Color.parseColor("#009900"))
.setButtonTextSize(16)
.setViewTextSize(15)
.setShowDayMonthYear(true)
.build();
datePicker.show(this);
}
);
Issues
If you found a bug, or you have an answer, or whatever. Please, open an issue. I will do the best to fix it, or help you.
Contributing
Of course, if you see something that you want to upgrade from this library, or a bug that needs to be solved, PRs are welcome!
TODO
- Custom DatePicker component based on WheelView
- Custom TimePicker component based on WheelView
- Custom DatePickerDialog based on DatePicker WheelView
- Custom TimePickerDialog based on DatePicker WheelView