Crystal Range Seekbar


Source link: https://github.com/syedowaisali/crystal-range-seekbar

Crystal Range Seekbar

An extended version of seekbar and range seekbar with basic and advanced customization.

Usage

Add a dependency to your build.gradle:

dependencies {

  compile 'com.crystal:crystalrangeseekbar:1.1.3' 
}

Features

  • Customize with xml using custom handy attributes.
  • Customize in your activity, fragment or dialog.
  • Styling with your own widget.
  • Creating newly widget from activity, fragment or dialog.

Sample usage - Seekbar

Default style using xml.

<com.crystal.crystalrangeseekbar.widgets.CrystalSeekbar
  android:id="@+id/rangeSeekbar1"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"/>

Styling with bubble animation using custom widget BubbleThumbSeekbar.

<com.crystal.crystalrangeseekbar.widgets.BubbleThumbSeekbar
  android:id="@+id/rangeSeekbar2"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  app:corner_radius="10"
  app:min_value="50"
  app:max_value="150"
  app:bar_color="#C69E89"
  app:bar_highlight_color="#A54B17"
  app:left_thumb_color="#775E4F"
  app:left_thumb_color_pressed="#4C2D1A"
  app:data_type="_integer"/>

Styling with bubble animation with drawable using custom widget BubbleThumbSeekbar.

<com.crystal.crystalrangeseekbar.widgets.BubbleThumbSeekbar
  android:id="@+id/rangeSeekbar3"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  app:corner_radius="10"
  app:min_value="0"
  app:max_value="100"
  app:steps="5"
  app:bar_color="#F7BB88"
  app:bar_highlight_color="#E07416"
  app:left_thumb_image="@drawable/thumb"
  app:left_thumb_image_pressed="@drawable/thumb_pressed"
  app:data_type="_integer"/>

Right to Left position (rtl)

<com.crystal.crystalrangeseekbar.widgets.CrystalSeekbar
  android:id="@+id/rangeSeekbar7"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  app:position="right"/>

Right to Left position with drawable position update from code (rtl)

<com.crystal.crystalrangeseekbar.widgets.CrystalSeekbar
  android:id="@+id/rangeSeekbar8"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  app:min_value="100"
  app:max_value="200"
  app:steps="5"
  app:bar_color="#F7BB88"
  app:bar_highlight_color="#E07416"
  app:left_thumb_image="@drawable/thumb"
  app:left_thumb_image_pressed="@drawable/thumb_pressed"
  app:data_type="_integer"/>
// get seekbar from view final CrystalSeekbar rangeSeekbar = (CrystalSeekbar) rootView.findViewById(R.id.rangeSeekbar8);
  // change position left to right rangeSeekbar.setPosition(CrystalSeekbar.Position.RIGHT).apply();

Create new seekbar from code and add to any view.

// get seekbar from view final CrystalSeekbar seekbar = new CrystalSeekbar(getActivity());
  // get min and max text view final TextView tvMin = (TextView) rootView.findViewById(R.id.textMin5);
 final TextView tvMax = (TextView) rootView.findViewById(R.id.textMax5);
  // set listener seekbar.setOnSeekbarChangeListener(new OnSeekbarChangeListener() {

  @Override
  public void valueChanged(Number minValue) {

tvMin.setText(String.valueOf(minValue));

  
}
 
}
);
  // set final value listener seekbar.setOnSeekbarFinalValueListener(new OnSeekbarFinalValueListener() {

  @Override
  public void finalValue(Number value) {

Log.d("CRS=>", String.valueOf(value));

  
}
 
}
);

 // get range seekbar container RelativeLayout container = (RelativeLayout) rootView.findViewById(R.id.contRangeSeekbar5);
 container.addView(rangeSeekbar);

Styling with create custom widget

public class MySeekbar extends CrystalSeekbar {

public MySeekbar(Context context) {

super(context);

  
}

public MySeekbar(Context context, AttributeSet attrs) {

super(context, attrs);

  
}

public MySeekbar(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

  
}

@Override
  protected float getMinValue(TypedArray typedArray) {

return 5f;
  
}

@Override
  protected float getMaxValue(TypedArray typedArray) {

return 90f;
  
}

@Override
  protected float getMinStartValue(TypedArray typedArray) {

return 20f;
  
}

@Override
  protected int getBarColor(TypedArray typedArray) {

return Color.parseColor("#A0E3F7");

  
}

@Override
  protected int getBarHighlightColor(TypedArray typedArray) {

return Color.parseColor("#53C9ED");

  
}

@Override
  protected int getLeftThumbColor(TypedArray typedArray) {

return Color.parseColor("#058EB7");

  
}

@Override
  protected int getLeftThumbColorPressed(TypedArray typedArray) {

return Color.parseColor("#046887");

  
}

@Override
  protected Drawable getLeftDrawable(TypedArray typedArray) {

return ContextCompat.getDrawable(getContext(), R.drawable.thumb);

  
}

@Override
  protected Drawable getLeftDrawablePressed(TypedArray typedArray) {

return ContextCompat.getDrawable(getContext(), R.drawable.thumb_pressed);

  
}
 
}

Sample usage - Range Seekbar

Default style using xml.

<com.crystal.crystalrangeseekbar.widgets.CrystalRangeSeekbar
  android:id="@+id/rangeSeekbar1"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"/>
// get seekbar from view final CrystalRangeSeekbar rangeSeekbar = (CrystalRangeSeekbar) rootView.findViewById(R.id.rangeSeekbar1);
  // get min and max text view final TextView tvMin = (TextView) rootView.findViewById(R.id.textMin1);
 final TextView tvMax = (TextView) rootView.findViewById(R.id.textMax1);
  // set listener rangeSeekbar.setOnRangeSeekbarChangeListener(new OnRangeSeekbarChangeListener() {

  @Override
  public void valueChanged(Number minValue, Number maxValue) {

tvMin.setText(String.valueOf(minValue));

tvMax.setText(String.valueOf(maxValue));

  
}
 
}
);
  // set final value listener rangeSeekbar.setOnRangeSeekbarFinalValueListener(new OnRangeSeekbarFinalValueListener() {

  @Override
  public void finalValue(Number minValue, Number maxValue) {

Log.d("CRS=>", String.valueOf(minValue) + " : " + String.valueOf(maxValue));

  
}
 
}
);

Styling with bubble animation with drawable using custom widget BubbleThumbRangeSeekbar.

<com.crystal.crystalrangeseekbar.widgets.BubbleThumbRangeSeekbar
  android:id="@+id/rangeSeekbar5"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  app:corner_radius="10"
  app:min_value="0"
  app:max_value="100"
  app:steps="5"
  app:bar_color="#F7BB88"
  app:bar_highlight_color="#E07416"
  app:left_thumb_image="@drawable/thumb"
  app:right_thumb_image="@drawable/thumb"
  app:left_thumb_image_pressed="@drawable/thumb_pressed"
  app:right_thumb_image_pressed="@drawable/thumb_pressed"
  app:data_type="_integer"/>

Set minimum range (gap).

<com.crystal.crystalrangeseekbar.widgets.CrystalRangeSeekbar
  android:id="@+id/rangeSeekbar3"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  app:corner_radius="10"
  app:min_value="50"
  app:max_value="100"
  app:gap="20"
  app:bar_color="#8990C4"
  app:bar_highlight_color="#2434AD"
  app:left_thumb_color="#1A246D"
  app:right_thumb_color="#1A246D"
  app:left_thumb_color_pressed="#030B47"
  app:right_thumb_color_pressed="#030B47"
  app:data_type="_integer"/>

Set fix range (gap).

<com.crystal.crystalrangeseekbar.widgets.CrystalRangeSeekbar
  android:id="@+id/rangeSeekbar4"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  app:corner_radius="10"
  app:min_value="0"
  app:max_value="100"
  app:fix_gap="30"
  app:bar_color="#EE88F7"
  app:bar_highlight_color="#D810EA"
  app:left_thumb_color="#8D0D99"
  app:right_thumb_color="#8D0D99"
  app:left_thumb_color_pressed="#56005E"
  app:right_thumb_color_pressed="#56005E"
  app:data_type="_integer"/>

Available attributes

  • corner_radius: corner radius to be used seekbar, default 0f
  • min_value: minimum value of seekbar, default 0
  • max_value: maximum value of seekbar, default 100
  • min_start_value: minimum start value must be equal or greater than min value, default min_value
  • max_start_value: maximum start value must be equal or less than max value, default max_value
  • steps: minimum steps between range, default NO_STEP -1f
  • gap: maintain minimum range between two thumbs, range must be greater >= min value && <= max value, default 0f
  • fix_gap: maintain fix range between two thumbs, range must be greater >= min value && <= max value, default NO_FIXED_GAP -1f
  • bar_color_mode color fill mode of inactive bar; can be ColorMode.SOLID or ColorMode.GRADIENT; default is ColorMode.SOLID
  • bar_color inactive bar background color, default Color.GRAY
  • bar_gradient_start inactive bar background gradient start color, default Color.GRAY
  • bar_gradient_end inactive bar background gradient end color, default Color.DKGRAY
  • bar_highlight_color_mode color fill mode of active bar; can be ColorMode.SOLID or ColorMode.GRADIENT; default is ColorMode.SOLID
  • bar_highlight_color active bar background color, default Color.BLACK
  • bar_highlight_gradient_start active bar background gradient start color, default Color.DKGRAY
  • bar_highlight_gradient_end active bar background gradient end color, default Color.BLACK
  • thumb_color default thumb color, default Color.BLACK (only CrystalSeekbar)
  • thumb_color_pressed active thumb color, default Color.DKGRAY (only CrystalSeekbar)
  • thumb_image left drawable, default null (only CrystalSeekbar)
  • thumb_image_pressed active thumb drawable, default null (only CrystalSeekbar)
  • left_thumb_color default left thumb color, default Color.BLACK (only CrystalRangeSeekbar)
  • left_thumb_color_pressed active left thumb color, default Color.DKGRAY (only CrystalRangeSeekbar)
  • left_thumb_image left thumb drawable, default null (only CrystalRangeSeekbar)
  • left_thumb_image_pressed active left thumb drawable, default null (only CrystalRangeSeekbar)
  • right_thumb_color default right thumb color, default Color.BLACK (only CrystalRangeSeekbar)
  • right_thumb_color_pressed active right thumb color, default Color.DKGRAY (only CrystalRangeSeekbar)
  • right_thumb_image right thumb drawable, default null (only CrystalRangeSeekbar)
  • right_thumb_image_pressed active right thumb drawable, default null (only CrystalRangeSeekbar)
  • position can be left or right, default left
  • data_type can be _long or _double or _integer or _float or _short or _byte, default _integer

Changelog

1.1.2 - 24-Aug-2016
  • Bug fixed when update property programmatically.
1.1.1 - 21-Aug-2016
  • Added new feature. OnRangeSeekbarFinalValueListener, OnSeekbarFinalValueListener.
1.0.1 - 9-Aug-2016
  • Bug fixed setMinStartValue and setMaxStartValue programmatically.
1.0.0 - 17-July-2016
  • Add New Project.

LICENSE

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

##Authors

Resources

This is a SIMPLE MVP-CLEAN KOTLIN sample of Rosie Implementation Architecture!

FlipLayout is a ViewGroup to easily swap between its child views, showing only one at a time

Lite Android swipeable deck view.

Country Code Picker (CCP) is an android library which provides an easy way to search and select country phone code for the telephone number.

HyperTrack Live open source repo uses HyperTrack to enable location sharing and real-time tracking of your friends and family. Scrape parts of this app to add live location sharing into your own app, or fork the repo and modify it to your own need to build your own brand new app.

A bunch of scripts you can use to compile FFmpeg with OpenSSL.

Topics


2D Engines   3D Engines   9-Patch   Action Bars   Activities   ADB   Advertisements   Analytics   Animations   ANR   AOP   API   APK   APT   Architecture   Audio   Autocomplete   Background Processing   Backward Compatibility   Badges   Bar Codes   Benchmarking   Bitmaps   Bluetooth   Blur Effects   Bread Crumbs   BRMS   Browser Extensions   Build Systems   Bundles   Buttons   Caching   Camera   Canvas   Cards   Carousels   Changelog   Checkboxes   Cloud Storages   Color Analysis   Color Pickers   Colors   Comet/Push   Compass Sensors   Conferences   Content Providers   Continuous Integration   Crash Reports   Credit Cards   Credits   CSV   Curl/Flip   Data Binding   Data Generators   Data Structures   Database   Database Browsers   Date &   Debugging   Decompilers   Deep Links   Dependency Injections   Design   Design Patterns   Dex   Dialogs   Distributed Computing   Distribution Platforms   Download Managers   Drawables   Emoji   Emulators   EPUB   Equalizers &   Event Buses   Exception Handling   Face Recognition   Feedback &   File System   File/Directory   Fingerprint   Floating Action   Fonts   Forms   Fragments   FRP   FSM   Functional Programming   Gamepads   Games   Geocaching   Gestures   GIF   Glow Pad   Gradle Plugins   Graphics   Grid Views   Highlighting   HTML   HTTP Mocking   Icons   IDE   IDE Plugins   Image Croppers   Image Loaders   Image Pickers   Image Processing   Image Views   Instrumentation   Intents   Job Schedulers   JSON   Keyboard   Kotlin   Layouts   Library Demos   List View   List Views   Localization   Location   Lock Patterns   Logcat   Logging   Mails   Maps   Markdown   Mathematics   Maven Plugins   MBaaS   Media   Menus   Messaging   MIME   Mobile Web   Native Image   Navigation   NDK   Networking   NFC   NoSQL   Number Pickers   OAuth   Object Mocking   OCR Engines   OpenGL   ORM   Other Pickers   Parallax List   Parcelables   Particle Systems   Password Inputs   PDF   Permissions   Physics Engines   Platforms   Plugin Frameworks   Preferences   Progress Indicators   ProGuard   Properties   Protocol Buffer   Pull To   Purchases   Push/Pull   QR Codes   Quick Return   Radio Buttons   Range Bars   Ratings   Recycler Views   Resources   REST   Ripple Effects   RSS   Screenshots   Scripting   Scroll Views   SDK   Search Inputs   Security   Sensors   Services   Showcase Views   Signatures   Sliding Panels   Snackbars   SOAP   Social Networks   Spannable   Spinners   Splash Screens   SSH   Static Analysis   Status Bars   Styling   SVG   System   Tags   Task Managers   TDD &   Template Engines   Testing   Testing Tools   Text Formatting   Text Views   Text Watchers   Text-to   Toasts   Toolkits For   Tools   Tooltips   Trainings   TV   Twitter   Updaters   USB   User Stories   Utils   Validation   Video   View Adapters   View Pagers   Views   Watch Face   Wearable Data   Wearables   Weather   Web Tools   Web Views   WebRTC   WebSockets   Wheel Widgets   Wi-Fi   Widgets   Windows   Wizards   XML   XMPP   YAML   ZIP Codes