B4J Library [B4X] [XUI] SD XUIView

I'm happy to announce the publication of my new B4XView library.
This library adds to the XUi Views the native views of the three platforms (Android / IOS / Desktop) so that they can be managed by Design, using them as XUI views without having to change its type in the Globals Sub.
With this Library the views have the same properties and identical events, and you can also access the original view and more properties, method and animation not included natively.
This will allow you to reuse the code written for a platform on the others without any changes.
Also I'm adding custom views and animations not included natively.

Included this view

​

​

Other views not included in this list (such as XCustomListView or XComboBox, B4XComboBox, LoadingIndicator, CicularProgressBar, RadarProgressView, GaugeView, RulerPicker, RoundSlider, CaptchaView, etc.. ) will not be included in the future because they already exist. Many sources have been made available just search the forum.​

​

NOTICE. Unfortunately in the IOS version it occupies more than 500Kb, so I compressed with RAR and then with ZIP. to decompress it, you must use WinRar

SD_XUIView

Author: Star-Dust
Version: 0.16

• B4XButton
  • Events:
    • DoubleOrLongClick
    • OneClick
    • Touch (Action As Int, Coordinate() As Tp_Coordinate)
  • Fields:
    • Action_Click As Int
    • Action_DoubleClick As Int
    • Action_Down As Int
    • Action_Drag As Int
    • Action_LongClick As Int
    • Action_LoseTouch As Int
    • Action_Up As Int
    • MinMoveAccept As Int
    • Tag As Object
  • Functions:
    • AddToParent (PanelToAdd As B4XView, Left As Int, Top As Int, Width As Int, Height As Int) As String
    • B4XObject As B4XView
    • BringToFront As String
    • Class_Globals As String
    • DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
      Base type must be Object
    • GetAllViewsRecursive As List
    • GetBase As Panel
    • GetView (Index As Int) As B4XView
    • Initialize (Callback As Object, EventName As String) As String
    • IsInitialized As Boolean
      Verifica se l'oggetto sia stato inizializzato.
    • NativeObject As Button
    • RemoveAllViews As String
    • RemoveViewFromParent As String
    • RequestFocus As String
    • ReSetEvent (Callback As Object, EventName As String) As String
    • Rotate (AngleX As Float, AngleY As Float, AngleZ As Float) As String
    • SendToBack As String
    • Snapshot As B4XView
  • Properties:
    • Color As Int
    • Enable As Boolean
    • Font
    • Height As Int
    • Left As Int
    • Top As Int
    • Visible As Boolean
    • Width As Int
• B4XCalendarPicker
  • Events:
    • Click
  • Fields:
    • Color As Int
    • Square As Boolean
    • Tag As Object
    • TextColor As Int
    • TextSize As Int
    • Title As String
  • Functions:
    • BringToFront As String
    • Class_Globals As String
    • DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
      Base type must be Object
    • GetAllViewsRecursive As List
    • GetBase As Panel
    • GetView (Index As Int) As B4XView
    • Initialize (CallBack As Object, EventName As String) As String
    • IsInitialized As Boolean
      Verifica se l'oggetto sia stato inizializzato.
    • RemoveViewFromParent As String
    • RequestFocus As String
    • ReSetEvent (Callback As Object, EventName As String) As String
    • Rotate (AngleX As Float, AngleY As Float, AngleZ As Float) As String
    • SendToBack As String
    • Snapshot As B4XView
  • Properties:
    • Date As Long
    • Enable As Boolean
    • Height As Int
    • Left As Int
    • Top As Int
    • Visible As Boolean
    • Width As Int
• B4XCheckBox
  • Events:
    • Click
  • Fields:
    • Action_Click As Int
    • Action_DoubleClick As Int
    • Action_Down As Int
    • Action_Drag As Int
    • Action_LongClick As Int
    • Action_LoseTouch As Int
    • Action_Up As Int
    • MinMoveAccept As Int
  • Functions:
    • AddToParent (PanelToAdd As B4XView, Left As Int, Top As Int, Width As Int, Height As Int) As String
    • BringToFront As String
    • Class_Globals As String
    • DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
      Base type must be Object
    • GetAllViewsRecursive As List
    • GetBase As Panel
    • GetView (Index As Int) As B4XView
    • Initialize (Callback As Object, EventName As String) As String
    • IsInitialized As Boolean
      Verifica se l'oggetto sia stato inizializzato.
    • RemoveAllViews As String
    • RemoveViewFromParent As String
    • RequestFocus As String
    • ReSetEvent (Callback As Object, EventName As String) As String
    • Rotate (AngleX As Float, AngleY As Float, AngleZ As Float) As String
    • SendToBack As String
    • Snapshot As B4XView
  • Properties:
    • Check As Boolean
    • Color As Int
    • Enable As Boolean
    • Font
    • Height As Int
    • Left As Int
    • Top As Int
    • Visible As Boolean
    • Width As Int
• B4XEditText
  • Events:
    • DoubleOrLongClick
    • EnterPressed
    • FocusChanged
    • OneClick
    • TextChanged (Old As String, New As String)
  • Fields:
    • Action_Click As Int
    • Action_DoubleClick As Int
    • Action_Down As Int
    • Action_Drag As Int
    • Action_LongClick As Int
    • Action_LoseTouch As Int
    • Action_Up As Int
    • Tag As Object
  • Functions:
    • AddToParent (PanelToAdd As B4XView, Left As Int, Top As Int, Width As Int, Height As Int) As String
    • B4XObject As B4XView
    • BringToFront As String
    • Class_Globals As String
    • DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
      Base type must be Object
    • GetAllViewsRecursive As List
    • GetBase As Panel
    • GetView (Index As Int) As B4XView
    • Initialize (Callback As Object, EventName As String) As String
    • IsInitialized As Boolean
      Verifica se l'oggetto sia stato inizializzato.
    • NativeObjct As EditText
    • RemoveAllViews As String
    • RemoveViewFromParent As String
    • RequestFocus As String
    • ReSetEvent (Callback As Object, EventName As String) As String
    • Rotate (AngleX As Float, AngleY As Float, AngleZ As Float) As String
    • SendToBack As String
    • setSelection (StartIndex As Int, EndIndex As Int) As String
    • Snapshot As B4XView
  • Properties:
    • Color As Int
    • CursorVisible
    • Ellipsize As String
    • Enable As Boolean
    • Font
    • ForceDoneButton
    • Height As Int
    • Left As Int
    • SelectionEnd As Int [read only]
    • SelectionStart As Int [read only]
    • TextIsEditable
    • TextIsSelectable
    • Top As Int
    • Typeface
    • Visible As Boolean
    • Width As Int
• B4XLabel
  • Events:
    • DoubleOrLongClick
    • OneClick
    • Touch (Action As Int, Coordinate() As Tp_Coordinate)
  • Fields:
    • Action_Click As Int
    • Action_DoubleClick As Int
    • Action_Down As Int
    • Action_Drag As Int
    • Action_LongClick As Int
    • Action_LoseTouch As Int
    • Action_Up As Int
    • MinMoveAccept As Int
    • Tag As Object
  • Functions:
    • AddToParent (PanelToAdd As B4XView, Left As Int, Top As Int, Width As Int, Height As Int) As String
    • B4XObject As B4XView
    • BringToFront As String
    • Class_Globals As String
    • DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
      Base type must be Object
    • GetAllViewsRecursive As List
    • GetBase As Panel
    • GetView (Index As Int) As B4XView
    • Initialize (Callback As Object, EventName As String) As String
    • IsInitialized As Boolean
      Verifica se l'oggetto sia stato inizializzato.
    • NativeObject As Label
    • RemoveViewFromParent As String
    • RequestFocus As String
    • ReSetEvent (Callback As Object, EventName As String) As String
    • Rotate (AngleX As Float, AngleY As Float, AngleZ As Float) As String
    • SendToBack As String
    • Snapshot As B4XView
  • Properties:
    • Color As Int
    • Enable As Boolean
    • Font
    • Height As Int
    • Left As Int
    • TextAppear
    • TextFind
    • TextRoll
    • TextScroll
    • Top As Int
    • Visible As Boolean
    • Width As Int
• B4XPanel
  • Events:
    • DoubleOrLongClick
    • Moved
    • OneClick
    • Resized
    • Touch (Action As Int, Coordinate() As Tp_Coordinate)
  • Fields:
    • Action_Click As Int
    • Action_DoubleClick As Int
    • Action_Down As Int
    • Action_Drag As Int
    • Action_LongClick As Int
    • Action_LoseTouch As Int
    • Action_Up As Int
    • AllSurfaceMove As Boolean
    • MinMoveAccept As Int
    • Movible As Boolean
    • Resizable As Boolean
    • Tag As Object
  • Functions:
    • AddToParent (PanelToAdd As B4XView, Left As Int, Top As Int, Width As Int, Height As Int) As String
    • AddView (View As B4XView, Left As Int, Top As Int, Width As Int, Height As Int) As String
    • B4XObject As B4XView
    • BringToFront As String
    • Class_Globals As String
    • DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
      Base type must be Object
    • EmbedView (View As B4XView) As String
    • GetAllViewsRecursive As List
    • GetBase As Panel
    • GetView (Index As Int) As B4XView
    • Initialize (Callback As Object, EventName As String) As String
    • IsInitialized As Boolean
      Verifica se l'oggetto sia stato inizializzato.
    • NativeObject As Panel
    • RemoveAllViews As String
    • RemoveViewFromParent As String
    • RequestFocus As String
    • ReSetEvent (Callback As Object, EventName As String) As String
    • Rotate (AngleX As Float, AngleY As Float, AngleZ As Float) As String
    • SendToBack As String
    • Snapshot As B4XView
  • Properties:
    • Enable As Boolean
    • Height As Int
    • Left As Int
    • Top As Int
    • Visible As Boolean
    • Width As Int
• B4XProgressBar
  • Fields:
    • Tag As Object
  • Functions:
    • AddToParent (PanelToAdd As B4XView, Left As Int, Top As Int, Width As Int, Height As Int) As String
    • BringToFront As String
    • Class_Globals As String
    • DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
      Base type must be Object
    • GetBase As Panel
    • GetView (Index As Int) As B4XView
    • Initialize (Callback As Object, EventName As String) As String
    • IsInitialized As Boolean
      Verifica se l'oggetto sia stato inizializzato.
    • RemoveViewFromParent As String
    • RequestFocus As String
    • ReSetEvent (Callback As Object, EventName As String) As String
    • Rotate (AngleX As Float, AngleY As Float, AngleZ As Float) As String
    • SendToBack As String
    • Snapshot As B4XView
  • Properties:
    • BackgroundColor
    • BarColor
    • Enable As Boolean
    • Height As Int
    • Left As Int
    • Top As Int
    • Value As Float
    • Visible As Boolean
    • Width As Int
• B4XSeek_Bar
  • Events:
    • ChangeValue (Value As Float)
  • Fields:
    • Tag As Object
  • Functions:
    • AddToParent (PanelToAdd As B4XView, Left As Int, Top As Int, Width As Int, Height As Int) As String
    • BringToFront As String
    • Class_Globals As String
    • DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
      Base type must be Object
    • GetBase As Panel
    • GetView (Index As Int) As B4XView
    • Initialize (Callback As Object, EventName As String) As String
    • IsInitialized As Boolean
      Verifica se l'oggetto sia stato inizializzato.
    • RemoveViewFromParent As String
    • RequestFocus As String
    • ReSetEvent (Callback As Object, EventName As String) As String
    • Rotate (AngleX As Float, AngleY As Float, AngleZ As Float) As String
    • SendToBack As String
    • Snapshot As B4XView
  • Properties:
    • Enable As Boolean
    • Height As Int
    • Left As Int
    • Top As Int
    • Value As Float
    • Visible As Boolean
    • Width As Int
• Tp_Coordinate
  • Fields:
    • IsInitialized As Boolean
      Verifica se l'oggetto sia stato inizializzato.
    • x As Int
    • y As Int
  • Functions:
    • Initialize
      Inizializza i campi al loro valore predefinito.
• xRadioButton
  • Events:
    • Click
  • Fields:
    • Action_Click As Int
    • Action_DoubleClick As Int
    • Action_Down As Int
    • Action_Drag As Int
    • Action_LongClick As Int
    • Action_LoseTouch As Int
    • Action_Up As Int
    • MinMoveAccept As Int
    • Tag As Object
  • Functions:
    • AddToParent (PanelToAdd As B4XView, Left As Int, Top As Int, Width As Int, Height As Int) As String
    • BringToFront As String
    • Class_Globals As String
    • DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
      Base type must be Object
    • GetAllViewsRecursive As List
    • GetBase As Panel
    • GetView (Index As Int) As B4XView
    • Initialize (Callback As Object, EventName As String) As String
    • IsInitialized As Boolean
      Verifica se l'oggetto sia stato inizializzato.
    • RemoveAllViews As String
    • RemoveViewFromParent As String
    • RequestFocus As String
    • ReSetEvent (Callback As Object, EventName As String) As String
    • Rotate (AngleX As Float, AngleY As Float, AngleZ As Float) As String
    • SendToBack As String
    • Snapshot As B4XView
  • Properties:
    • Check As Boolean
    • Color As Int
    • Enable As Boolean
    • Font
    • Height As Int
    • Left As Int
    • Top As Int
    • Visible As Boolean
    • Width As Int

_________________________________________________________________________

For ios download here

 

[Erel]

I'll just add that the addition of B4XCheckBox, B4XRadioButton, B4XCalendarPicker, B4XSeekBar and B4XTrimmer is excellent and I'm sure that this library will be very useful for many developers (whether they use the other types or not). Thank you for your contributions!

 

[LucaMs]

I'll just add that the addition of B4XCheckBox, B4XRadioButton,... is excellent...

So this means that CheckBoxes and RadioButtons do next exist in b4i, right?

With this Library the views have

I do not like too much the idea of incorporating many views into a single library; I think it would be better if they were each in their own right.

 

[Erel]

So this means that CheckBoxes and RadioButtons do next exist in b4i, right?

Yes. The most similar native control is the Switch control.

 

[Star-Dust]

I'm adding two new properties to the panels. Movable and Resizable.

By activating these methods the panel becomes movable if touched in the upper left and resizable if touched in the lower right corner

Android

Iphone

 

[Star-Dust]

New animation that will be inserted in Label in the next version of the library

B4XLabel2.TextAppear="Good Morning World!"

and this

B4XLabel2.TextFind="Good Morning World!"

 

[Alexander Stolte]

New animation that will be inserted in Label in the next version of the library

I like it!!!!!

 

[Alexander Stolte]

in the next version of the library

when?

 

[Star-Dust]

when?

Coming soon,.
I have some difficulty making same animations with B4J, because it does not support CSBuilder

 

[Alexander Stolte]

some difficulty making same animations with B4J

I know that well ... i feel with you. Good Luck.

 

[Star-Dust]

Update rel 0.04
I added the animations in Panel and Label and I removed the Trimmer view (It will now be in the XUIView2 library)

 

[Alexander Stolte]

Hey sorry for spam in the library thread, but, are you using for the moveable view your B4XViewEvent library?

 

[Star-Dust]

No, it is not necessary and it is not convenient to recall another library because this would depend on the other.
I have simply included the same functions in this library and so has no dependencies.

 

[Star-Dust]

Hello,
I´m new to B4A and I´ve troubles getting things to work. I aim at multiple platforms.
My code tries to create B4XImageViews (which are not generated in the VisualDesigner) because I need a flexible amount of views.
XUI (Version 1.70) and SD_XUIView (Version 0.03) are loaded.

I miss the .Initialize method as with normal ImageViews (produces an error here).

The 2nd problem: The panel "panRaum" doesn´t allow the .AddView - it says that the B4XImageview cannot be converted to Imageview (see the attached screenshot)
I really get confused and the sample1.zip hasn´t an B4XImageview but just other Views to look at.

Can anyone please give advice?

Sub Globals

    Private B4XImageView1 As B4XImageView
End Sub
Sub Activity_Create(FirstTime As Boolean)
Dim imgPlatz As B4XImageView
            'imgPlatz.Initialize ("imgPlatz") 'All buttons share the same event sub; now error with B4XImageView
            FillImageToView(b, imgPlatz) 'Sub from Erel from https://www.b4x.com/android/forum/threads/b4x-xui-fill-and-fit-images-without-distortion.86627/
'            imgPlatz.setBitmap(b) 'b is a bitmap-object with loaded image
'            imgPlatz.SetBackgroundImage(b).Gravity = Gravity.CENTER          
            panRaum.AddView(imgPlatz,0 + x * (breite + 0dip), 0 + y * (tiefe + 0dip), breite, tiefe)
End Sub

Thanks in advance,
Michael

With the version 0.04 it has been added the AddToParent method that allows to add the views from code and not only from Design

 

[Star-Dust]

Update 0.05 (fix bugs)

 

[Johan Hormaza]

Is it possible to get the Elevation property in the Panels as the native one that Android has?
Thank you!

 

[Star-Dust]

Is it possible to get the Elevation property in the Panels as the native one that Android has?
Thank you!

TRY

B4XPanel.GetBase.Elevation=1

 

[Johan Hormaza]

TRY

B4XPanel.GetBase.Elevation=1

Even for iOS?

 

[Star-Dust]

Even for iOS?

Obviously it doesn't exist in iOS (See here)
GetBase recalls the native base ... and you can access the native properties ... If you are in Android you will have the Panel properties of Android and so the same for iOs or Desktop

 

[Johan Hormaza]

Obviously it doesn't exist in iOS

Pity, but equally thank you!
I'll look for a way to get a Panel with elevation in iOS

 

[Star-Dust]

Pity, but equally thank you!
I'll look for a way to get a Panel with elevation in iOS

You have to take off the view you have to put in front of you and reattach it and it will appear on the highest level

if instead you have to change the order, you have to remove all the views and hang up in a different order