B4A Library [B4X] [XUI] AS ScrollingChips based on xCustomListView - Display your Hashtags or Categories

I removed the old code and took the code from the AS_Chips to make this view even better.

I spend a lot of time in creating views, like this and to create a high quality view cost a lot of time. If you want to support me and further views, then you can do it here by Paypal.

Without scroll alternative:

[B4X] [XUI] AS Chips - Display your Hashtags, Filters or Categories

With this view you can display and interact with your hashtags, filters or categories. The view can expand itself if more chips are added than there is space for. (AutoExpand = True) I spend a lot of time in creating views, like this and to create a high quality view cost a lot of time. If you...

www.b4x.com

Spoiler: Dependencies/Libraries you need for this view

B4j: jXUI,xCustomListView
B4a: XUi,xCustomListView
B4i: iXUI,xCustomListView

AS_ScrollingChips
Author: Alexander Stolte
Version: 2.00

Spoiler: Properties, Functions, Events, etc.

• ASScrollingChips_Chip
  • Fields:
    • Icon As B4XBitmap
    • Index As Int
    • IsInitialized As Boolean
      Tests whether the object has been initialized.
    • Tag As Object
    • Text As String
  • Functions:
    • Initialize
      Initializes the fields to their default value.
• ASScrollingChips_ChipProperties
  • Fields:
    • BackgroundColor As Int
    • BorderSize As Float
    • CornerRadius As Float
    • Height As Float
    • IsInitialized As Boolean
      Tests whether the object has been initialized.
    • TextColor As Int
    • TextGap As Float
    • xFont As B4XFont
  • Functions:
    • Initialize
      Initializes the fields to their default value.
• ASScrollingChips_CustomDraw
  • Fields:
    • Chip As ASScrollingChips_Chip
    • ChipProperties As ASScrollingChips_ChipProperties
    • IsInitialized As Boolean
      Tests whether the object has been initialized.
    • Views As ASScrollingChips_Views
  • Functions:
    • Initialize
      Initializes the fields to their default value.
• ASScrollingChips_RemoveIconProperties
  • Fields:
    • BackgroundColor As Int
    • IsInitialized As Boolean
      Tests whether the object has been initialized.
    • TextColor As Int
  • Functions:
    • Initialize
      Initializes the fields to their default value.
• ASScrollingChips_Views
  • Fields:
    • BackgroundPanel As B4XView
    • IconImageView As B4XView
    • IsInitialized As Boolean
      Tests whether the object has been initialized.
    • RemoveIconLabel As B4XView
    • TextLabel As B4XView
  • Functions:
    • Initialize
      Initializes the fields to their default value.
• AS_ScrollingChips
  • Events:
    • ChipClick (Chip As ASScrollingChips_Chip)
    • ChipLongClick (Chip As ASScrollingChips_Chip)
    • ChipRemoved (Chip As ASScrollingChips_Chip)
    • CustomDrawChip (Item As ASScrollingChips_CustomDraw)
  • Fields:
    • mBase As B4XView
    • Tag As Object
  • Functions:
    • AddChip (Text As String, Icon As B4XBitmap, xTag As Object) As String
    • AddChip2 (Text As String, Icon As B4XBitmap, ChipColor As Int, xTag As Object) As String
    • Class_Globals As String
    • Clear As String
    • CreateASScrollingChips_ChipProperties (Height As Float, BackgroundColor As Int, TextColor As Int, xFont As B4XFont, CornerRadius As Float, BorderSize As Float, TextGap As Float) As ASScrollingChips_ChipProperties
    • CreateASScrollingChips_CustomDraw (Chip As ASScrollingChips_Chip, ChipProperties As ASScrollingChips_ChipProperties, Views As ASScrollingChips_Views) As ASScrollingChips_CustomDraw
    • CreateASScrollingChips_RemoveIconProperties (BackgroundColor As Int, TextColor As Int) As ASScrollingChips_RemoveIconProperties
    • CreateASScrollingChips_Views (BackgroundPanel As B4XView, TextLabel As B4XView, IconImageView As B4XView, RemoveIconLabel As B4XView) As ASScrollingChips_Views
    • DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
      Base type must be Object
    • FontToBitmap (text As String, IsMaterialIcons As Boolean, FontSize As Float, color As Int) As B4XBitmap
      

      FontAwesome To Bitmap

      Unlike an older "TextToBitmap" sub that you can find in the forum, this code vertically centers the icon. It can also be used in B4J and B4i (only need to change the font line). Sub Activity_Create(FirstTime As Boolean) 'usage example Activity.AddMenuItem3("Android", "Test"...

      www.b4x.com
    • GetBackgroundAt (index As Int) As B4XView
    • getBackgroundColor As Int
      Call RefreshChips if you change something
    • GetChip (Index As Int) As ASScrollingChips_Chip
    • GetChipProperties (Index As Int) As ASScrollingChips_ChipProperties
    • getChipPropertiesGlobal As ASScrollingChips_ChipProperties
      Can only influence the appearance before the respective chip has been added
    • getCLV As b4j.example.customlistview
    • getGapBetween As Float
    • GetLabelAt (index As Int) As B4XView
    • getRemoveIconProperties As ASScrollingChips_RemoveIconProperties
      Call RefreshChips if you change something
    • getRound As Boolean
    • getShowRemoveIcon As Boolean
    • getSize As Int
    • Initialize (Callback As Object, EventName As String) As String
    • IsInitialized As Boolean
      Tests whether the object has been initialized.
    • RefreshChips As String
    • RemoveChip (Index As Int) As String
    • setBackgroundColor (Color As Int) As String
    • SetChipProperties (Index As Int, Properties As ASScrollingChips_ChipProperties) As String
      Call RefreshChips if you change something
    • setGapBetween (Gap As Float) As String
    • setRound (isRound As Boolean) As String
      Call RefreshChips if you change something
    • setShowRemoveIcon (Show As Boolean) As String
  • Properties:
    • BackgroundColor As Int
      Call RefreshChips if you change something
    • ChipPropertiesGlobal As ASScrollingChips_ChipProperties [read only]
      Can only influence the appearance before the respective chip has been added
    • CLV As b4j.example.customlistview [read only]
    • GapBetween As Float
    • RemoveIconProperties As ASScrollingChips_RemoveIconProperties [read only]
      Call RefreshChips if you change something
    • Round As Boolean
      Call RefreshChips if you change something
    • ShowRemoveIcon As Boolean
    • Size As Int [read only]

Changelog

Spoiler: Version 1.0-2.08

• 1.00
  • Release
• 1.01
  • BugFix - labels with different heights
• 2.00
  • Complete new development
  • Now works like AS_Chips
• 2.01 (read more)
  • Add Designer Property SelectionMode - An integrated selection system
    • Modes
      • None
      • Single
      • Multi
    • Default: None
  • Add Designer Property CanDeselect - If true, then the user can remove the selection by clicking again
    • Default: True
  • Add set Selection
  • Add ClearSelections
  • Add get Selections
  • Add Width to ASScrollingChips_ChipProperties - If > 0 then this value is used instead of the calculated value by the text
  • Add AddChipCustom
  • Add CopyChipPropertiesGlobal
  • Add RefreshProperties - Updates just the font and colors
• 2.02
  • Property SelectionColor renamed to SelectionBorderColor
  • Add Designer Property SelectionBackgroundColor
    • Default: Transparent
• 2.03
  • BugFix
• 2.04 (read more)
  • BugFixes
  • Add Designer Proeprty Alignment - IF center then a stub item are added left and right so the chips looks centered
    • Default: Left
• 2.05
  • Add Designer Property SelectionTextColor
    • Default: White
  • Add SetSelections
• 2.06
  • Add SetSelections2 - Set the selected items via a list of indexes
  • Add SetSelections3 - Set the selected items via a map of chip tags
• 2.07
  • BugFix
  • Add get and set MaxSelectionCount - Only in SelectionMode = Multi - Defines the maximum number of items that may be selected
    • Default: 0
• 2.08
  • BugFix on get Size - Has returned an incorrect value

• 2.09
  • BugFixes
• 2.10
  • New GetChip2 - Get the chip via the tag value of the item
• 2.11
  • BugFix - The chips are now resized when you call RefreshChips, if you change text etc.
• 2.12
  • New - ShowRemoveIcon added to ASScrollingChips_ChipProperties type
  • New - xFont and Icon added to ASScrollingChips_RemoveIconProperties type
  • New - GetChipProperties2 Get the chip props via the tag value of the item
  • New - RemoveChipClicked Event - if the event is used, automatic deletion is deactivated

Github: github.com/StolteX/AS_ScrollingChips

Have Fun

 

[Alexander Stolte]

Update

• 2.05
  • Add Designer Property SelectionTextColor
    • Default: White
  • Add SetSelections

 

[Alexander Stolte]

Update

• 2.06
  • Add SetSelections2 - Set the selected items via a list of indexes
  • Add SetSelections3 - Set the selected items via a map of chip tags

 

[Alexander Stolte]

Update

• 2.07
  • BugFix
  • Add get and set MaxSelectionCount - Only in SelectionMode = Multi - Defines the maximum number of items that may be selected
    • Default: 0

 

[Alexander Stolte]

Update

• 2.08
  • BugFix on get Size - Has returned an incorrect value

 

[Alexander Stolte]

Update

• 2.09
  • BugFixes

 

[Alexander Stolte]

Update

• 2.10
  • New GetChip2 - Get the chip via the tag value of the item

 

[Alexander Stolte]

Update

• 2.11
  • BugFix - The chips are now resized when you call RefreshChips, if you change text etc.

 

[Alexander Stolte]

Update

• 2.12
  • New - ShowRemoveIcon added to ASScrollingChips_ChipProperties type
  • New - xFont and Icon added to ASScrollingChips_RemoveIconProperties type
  • New - GetChipProperties2 Get the chip props via the tag value of the item
  • New - RemoveChipClicked Event - if the event is used, automatic deletion is deactivated

ShowRemoveIcon to ASScrollingChips_ChipProperties
You can now activate the remove icon only for certain chips

RemoveChipClicked Event
You can add your own delete logic, or use the button completely for something else, the automatic delete is disabled when the event is used.

xFont and Icon added to ASScrollingChips_RemoveIconProperties type
You can now adjust the size of the icon and also the icon, so you can decide what this button should be used for