Hi Fam
Are you looking for a fast, reliable, and visually stunning way to implement SVG icons in your B4A projects without relying on WebViews? Allow me to introduce B4XDaisySvgIcon.
This custom class module parses and renders SVG files natively into a B4XBitmap using native Android canvas APIs. It guarantees crisp scaling at any resolution while taking full advantage of the DaisyUI semantic color system.
Key Features:
• 100% Native Rendering: Parses SVG paths (M, L, C, Z, etc.) internally and draws them natively.
• DaisyUI Color Variants: Automatically tint your icons using semantic states like primary, secondary, accent, success, warning, or error.
• Preserve Original Colors: Have a complex, multi-colored SVG? Simply set PreserveOriginalColors to True.
• Tailwind/CSS Sizing: Set width and height using familiar string tokens like "24px" or "6".
• Indicators & Badges: Seamlessly attach custom notification dots and numerical counter badges to your icons using GetContentView to anchor them perfectly.
Simple Usage Example: Here is a quick snippet demonstrating how to initialize the icon, add it to your panel, load an SVG asset, and apply a DaisyUI variant color:
Related Content
www.b4x.com
Are you looking for a fast, reliable, and visually stunning way to implement SVG icons in your B4A projects without relying on WebViews? Allow me to introduce B4XDaisySvgIcon.
This custom class module parses and renders SVG files natively into a B4XBitmap using native Android canvas APIs. It guarantees crisp scaling at any resolution while taking full advantage of the DaisyUI semantic color system.
Key Features:• 100% Native Rendering: Parses SVG paths (M, L, C, Z, etc.) internally and draws them natively.
• DaisyUI Color Variants: Automatically tint your icons using semantic states like primary, secondary, accent, success, warning, or error.
• Preserve Original Colors: Have a complex, multi-colored SVG? Simply set PreserveOriginalColors to True.
• Tailwind/CSS Sizing: Set width and height using familiar string tokens like "24px" or "6".
• Indicators & Badges: Seamlessly attach custom notification dots and numerical counter badges to your icons using GetContentView to anchor them perfectly.
Simple Usage Example: Here is a quick snippet demonstrating how to initialize the icon, add it to your panel, load an SVG asset, and apply a DaisyUI variant color:
B4X:
' 1. Declare the component
Dim mySvgIcon As B4XDaisySvgIcon
mySvgIcon.Initialize(Me, "mySvgIcon")
' 2. Add it to a parent view (e.g., pnlHost) and store the returned B4XView
' AddToParent parameters: Parent, Left, Top, Width, Height
Dim iconView As B4XView = mySvgIcon.AddToParent(pnlHost, 20dip, 20dip, 56dip, 56dip)
' 3. Configure the SVG icon properties
mySvgIcon.setSvgAsset("book-open-solid.svg") ' Load from the Assets folder
mySvgIcon.setPreserveOriginalColors(False) ' Set to True to keep native colors
mySvgIcon.setColorVariant("primary") ' Apply a DaisyUI color variant
mySvgIcon.setSize("32px") ' Set the rendered size token
mySvgIcon.ResizeToParent(iconView) ' Fit the render to the parent boundsRelated Content
[B4X] [B4A] B4XDaisy UI Kit - Native Components inspired by DaisyUI & Tailwind
Hi Fam Download from GitHub Download from Google Drive Track the Project Ask NotebookLLM about B4XDaisyUI I am proud to present the B4X Daisy UI Kit, a suite of native custom views designed to bring the modern aesthetic and utility of the DaisyUI (Tailwind CSS) framework to B4X...
www.b4x.com
