B4A Library MaterialRangeBar V1.0.0

Peter Simpson · Mar 29, 2015

Nice one, cheers...

walterf25 · Jul 17, 2015

DonManfred said:
MaterialRangeBar
Version: 1.0.0

This is a wrapper for this Github-project.

RangeBar
Fields:

ba As BA

Methods:

AddToParent (Parent As ViewGroup, left As Int, top As Int, width As Int, height As Int)

BringToFront

DesignerCreateView (base As PanelWrapper, lw As LabelWrapper, props As Map)

Initialize (EventName As String)

Invalidate

Invalidate2 (arg0 As Rect)

Invalidate3 (arg0 As Int, arg1 As Int, arg2 As Int, arg3 As Int)

IsInitialized As Boolean

RemoveView

RequestFocus As Boolean

SendToBack

SetBackgroundImage (arg0 As Bitmap)

SetColorAnimated (arg0 As Int, arg1 As Int, arg2 As Int)

SetLayout (arg0 As Int, arg1 As Int, arg2 As Int, arg3 As Int)

SetLayoutAnimated (arg0 As Int, arg1 As Int, arg2 As Int, arg3 As Int, arg4 As Int)

SetVisibleAnimated (arg0 As Int, arg1 As Boolean)

isRangeBar As Boolean
Gets the type of the bar.

return true if rangebar, false if seekbar.

setRangePinsByIndices (leftPinIndex As Int, rightPinIndex As Int)
Sets the location of the pins according by the supplied index.
Numbered from 0 to mTickCount - 1 from the left.

leftPinIndex Integer specifying the index of the left pin
rightPinIndex Integer specifying the index of the right pin

setRangePinsByValue (leftPinValue As Float, rightPinValue As Float)
Sets the location of pins according by the supplied values.

leftPinValue Float specifying the index of the left pin
rightPinValue Float specifying the index of the right pin

Properties:

Background As Drawable

BarColor As Int [write only]
Set the color of the bar line and the tick lines in the range bar.

barColor Integer specifying the color of the bar line.

BarWeight As Float [write only]
Set the weight of the bar line and the tick lines in the range bar.

barWeight Float specifying the weight of the bar and tick lines in
px.

Color As Int [write only]

ConnectingLineColor As Int [write only]
Set the color of the connecting line between the thumbs.

connectingLineColor Integer specifying the color of the connecting
line.

ConnectingLineWeight As Float [write only]
Set the weight of the connecting line between the thumbs.

connectingLineWeight Float specifying the weight of the connecting
line.

Enabled As Boolean

Height As Int

Left As Int

LeftIndex As Int [read only]
Gets the index of the left-most pin.

return the 0-based index of the left pin

PinColor As Int [write only]
Set the color of the pins.
pinColor Integer specifying the color of the pin.

PinRadius As Float [write only]
If this is set, the thumb images will be replaced with a circle of the
specified radius. Default width = 20dp.

pinRadius Float specifying the radius of the thumbs to be drawn.

PinTextColor As Int [write only]
Set the color of the text within the pin.
textColor Integer specifying the color of the text in the pin.

RangeBarEnabled As Boolean [write only]
Set if the view is a range bar or a seek bar.

isRangeBar Boolean - true sets it to rangebar, false to seekbar.

RightIndex As Int [read only]
Gets the index of the right-most pin.

return the 0-based index of the right pin

SeekPinByIndex As Int [write only]
Sets the location of pin according by the supplied index.
Numbered from 0 to mTickCount - 1 from the left.

pinIndex Integer specifying the index of the seek pin

SeekPinByValue As Float [write only]
Sets the location of pin according by the supplied value.

pinValue Float specifying the value of the pin

SelectorColor As Int [write only]
Set the color of the selector.

Tag As Object

TickColor As Int [write only]
Set the color of the ticks.

TickCount As Int [read only]
Gets the tick count.

return the tick count

TickEnd As Float
Gets the end tick.

return the end tick.

TickHeight As Float [write only]
Sets the height of the ticks in the range bar.

tickHeight Float specifying the height of each tick mark in dp.

TickInterval As Double
Gets the tick interval.

return the tick interval

TickStart As Float
Gets the start tick.

return the start tick.

Top As Int

Visible As Boolean

Width As Int

View attachment 33147

This library is Donationware. You can download the library, you can test the library. But if you want to USE the library in your App you need to Donate for it.
Please click here to donate (You can donate any amount you want to donate for the library (or my work)

Hey DonManfred, great work with this, this is actually what i was looking for, however i don't see a "On_Change Listener" anywhere, when i slide the left or right ticks i would like to see the values returned so that i can do something with them, the way it is right now, i don't really see any use for this other than just a nice looking rangebar, can you add the listener? or would it be too hard to do this?

Check here, how to add the listener:

B4X:

rangebar.setOnRangeBarChangeListener(new RangeBar.OnRangeBarChangeListener() {
            @Override
            public void onRangeChangeListener(RangeBar rangeBar, int leftPinIndex,
                    int rightPinIndex,
                    String leftPinValue, String rightPinValue) {
            }
        });

Thanks, let me know!

Walter

DonManfred · Jul 17, 2015

B4X:

    @Hide
    public void _initialize(BA ba, Object activityClass, String EventName) {
        this.eventName = EventName.toLowerCase(BA.cul);
        this.ba = ba;
        this.setObject(new RangeBar(ba.context));
        listener = new OnRangeBarChangeListener(){

            @Override
            public void onRangeChangeListener(RangeBar rangeBar, int leftPinIndex,
                    int rightPinIndex, String leftPinValue, String rightPinValue) {
                // TODO Auto-generated method stub
               
            }};
           
       
        this.getObject().setOnRangeBarChangeListener(listener);
     }

guess what i forgot

walterf25 · Jul 17, 2015

DonManfred said:

B4X:

    @Hide
    public void _initialize(BA ba, Object activityClass, String EventName) {
        this.eventName = EventName.toLowerCase(BA.cul);
        this.ba = ba;
        this.setObject(new RangeBar(ba.context));
        listener = new OnRangeBarChangeListener(){

            @Override
            public void onRangeChangeListener(RangeBar rangeBar, int leftPinIndex,
                    int rightPinIndex, String leftPinValue, String rightPinValue) {
                // TODO Auto-generated method stub
              
            }};
          
      
        this.getObject().setOnRangeBarChangeListener(listener);
     }

guess what i forgot

haha, it happens.

DonManfred · Jul 17, 2015

walterf25 said:
haha, it happens.

See v1.0.1 in post #1

walterf25 · Jul 17, 2015

DonManfred said:
See v1.0.1 in post #1

Thanks, i just gave it a try and i got this error in the logs:

This is the Listener Sub

B4X:

Sub rb_onRangeBarChange(rangeBar As Object, leftPinIndex As Int, rightPinIndex As Int,  leftPinValue As String, rightPinValue As String)
    Log("left: " & leftPinValue & " " & "right: " & rightPinValue)
End Sub

and this is the error i get in the logs:

lib: NOTFOUND 'rangebar_onrangebarchange

Any ideas, i did update the library to v1.01

DonManfred · Jul 17, 2015

walterf25 said:
Any ideas, i did update the library to v1.01

lib: NOTFOUND 'rangebar_onrangebarchange
You initialized the lib with "rangebar" not "rb"
Try

B4X:

Sub rangebar_onRangeBarChange(rangeBar As Object, leftPinIndex As Int, rightPinIndex As Int,  leftPinValue As String, rightPinValue As String)
    Log("left: " & leftPinValue & " " & "right: " & rightPinValue)
End Sub

walterf25 · Jul 17, 2015

DonManfred said:
lib: NOTFOUND 'rangebar_onrangebarchange
You initialized the lib with "rangebar" not "rb"
Try

B4X:

Sub rangebar_onRangeBarChange(rangeBar As Object, leftPinIndex As Int, rightPinIndex As Int, leftPinValue As String, rightPinValue As String) Log("left: " & leftPinValue & " " & "right: " & rightPinValue) End Sub

Ah, i see wouldn't it make more sense to pass the eventName to the listener, that's why i had like this:

B4X:

Sub rb_onRangeBarChange(rangeBar As Object, leftPinIndex As Int, rightPinIndex As Int,  leftPinValue As String, rightPinValue As String)

sincde the eventName for the rangebar is "rb"

But let me try it like that.

Thanks,
Walter

walterf25 · Jul 17, 2015

DonManfred said:
lib: NOTFOUND 'rangebar_onrangebarchange
You initialized the lib with "rangebar" not "rb"
Try

B4X:

Sub rangebar_onRangeBarChange(rangeBar As Object, leftPinIndex As Int, rightPinIndex As Int, leftPinValue As String, rightPinValue As String) Log("left: " & leftPinValue & " " & "right: " & rightPinValue) End Sub

Ok, yeah that works, great job and thank you so much bud, as soon as i become a millionaire i will donate big bucks to you!

walterf25 · Jul 17, 2015

walterf25 said:
Ok, yeah that works, great job and thank you so much bud, as soon as i become a millionaire i will donate big bucks to you!

Here is the first one! LOL

DonManfred · Jul 17, 2015

walterf25 said:
Ah, i see wouldn't it make more sense to pass the eventName to the listener

You defined rangebar as eventname. Why not using this name you defined?

A) When using the designer the Eventname property of the customview is set to "rangebar" and not "rb" as you told
or
B) When using code you used "rangebar" as the parameter eventname in the initialize call and not "rb" as you told

ArminKH · Oct 29, 2015

hi @DonManfred
can u please remove this log message ?
pleaaaaaaaaaase

DonManfred · Oct 29, 2015

Sure, will do later when i´m at home

DonManfred · Oct 29, 2015

ArminKH said:
can u please remove this log message ?

See updated lib 1.0.2 in post #1

ArminKH · Oct 29, 2015

DonManfred said:
See updated lib 1.0.2 in post #1

thaaaaaaaaaaaaank u

fredo · Jul 4, 2016

Rangebar.PinTextsize missing?

First I want to thank you for contributing to the community with your industrious wrapping of all those helpful libraries out there.

In search of views that adhere to the Material Design principles I looked for a reasonable Discrete Slider an found your wrap of oli107's GitHub project and I find it helpful and easy to use.

However, I couldn't find a way to set the PinTextsize.

Did I miss a property or how can we change the PinTextSize?

I attached a slightly modified version of your example zip to show the effect.

B4A Library MaterialRangeBar V1.0.0

Attachments

Peter Simpson

Expert

walterf25

Expert

DonManfred

Expert

walterf25

Expert

DonManfred

Expert

walterf25

Expert

DonManfred

Expert

walterf25

Expert

walterf25

Expert

walterf25

Expert

Attachments

DonManfred

Expert

ArminKH

Well-Known Member

DonManfred

Expert

DonManfred

Expert

ArminKH

Well-Known Member

fredo

Well-Known Member

Attachments

Similar Threads