awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
kyleduo avatar

kyleduo/SwitchButton

0
View on GitHub↗
4,746 Stars·865 Forks·Java·2 Aufrufe

SwitchButton

SwitchButton ist ein anpassbares Toggle-Switch-Widget zum Erstellen animierter An/Aus-Schalter mit konfigurierbaren Labels und Farben. Es dient als interaktive Formulareingabe, die es Nutzern ermöglicht, zwischen zwei gegensätzlichen Optionen mittels einer zustandsgesteuerten Komponente zu wechseln.

Das Widget ist gestenbewusst konzipiert und erfasst horizontale Wischbewegungen, um Zustandsänderungen auszulösen, während vertikale Scroll-Ereignisse an den übergeordneten Container weitergegeben werden.

Die Komponente unterstützt die Definition benutzerdefinierter Farben, Abmessungen und Eckenradien sowohl für den Toggle-Thumb als auch für den Hintergrund-Track. Sie umfasst Funktionen zur Verwaltung von Toggle-Zuständen, zur Konfiguration von Label-Texten und zur Anpassung von Animationsgeschwindigkeiten.

Features

  • Toggle Switches - Provides a customizable toggle switch widget for binary state selection.
  • UI State Toggles - Manages the transition between checked and unchecked visual states programmatically or via interaction.
  • Toggle Switches - Offers detailed styling options for colors, dimensions, and corner radii of the toggle components.
  • Gesture-Based UI Components - Provides a UI component that reacts to horizontal gesture coordinates to drive its visual state.
  • Gesture Interference Prevention - Prevents default page scrolling while the user is performing a horizontal swipe to toggle the switch.
  • Switch Widgets - A reusable, styled switch widget for binary boolean input.
  • Swipe-to-Scroll Handlers - Handles touch events to distinguish between horizontal toggling swipes and vertical page scrolling.
  • State-Driven Animations - Uses interpolation to animate position and color changes based on the binary toggle state.
  • Component Style Mappings - Translates configuration properties into visual styles for the switch thumb and background track.
  • Percentage-Based Position Calculators - Calculates the horizontal position of the toggle thumb as a percentage of the container width.
  • Custom Widget Implementation - Implements custom layout and rendering logic for a specialized animated toggle switch.
  • Mobile UI Styling - Implements a modern, gesture-responsive mobile design for toggle switches.
  • Styling Property Mappings - Associates configuration parameters with specific visual styling properties for the toggle widget.
  • Widgets and Controls - Customizable switch button with Material styling.

Star-Verlauf

Star-Verlauf für kyleduo/switchbuttonStar-Verlauf für kyleduo/switchbutton

KI-Suche

Entdecke weitere awesome Repositories

Beschreibe in einfachen Worten, was du brauchst — die KI bewertet tausende kuratierte Open-Source-Projekte nach Relevanz.

Start searching with AI

Häufig gestellte Fragen

Was macht kyleduo/switchbutton?

SwitchButton ist ein anpassbares Toggle-Switch-Widget zum Erstellen animierter An/Aus-Schalter mit konfigurierbaren Labels und Farben. Es dient als interaktive Formulareingabe, die es Nutzern ermöglicht, zwischen zwei gegensätzlichen Optionen mittels einer zustandsgesteuerten Komponente zu wechseln.

Was sind die Hauptfunktionen von kyleduo/switchbutton?

Die Hauptfunktionen von kyleduo/switchbutton sind: Toggle Switches, UI State Toggles, Gesture-Based UI Components, Gesture Interference Prevention, Switch Widgets, Swipe-to-Scroll Handlers, State-Driven Animations, Component Style Mappings.

Welche Open-Source-Alternativen gibt es zu kyleduo/switchbutton?

Open-Source-Alternativen zu kyleduo/switchbutton sind unter anderem: xinthink/react-native-material-kit — This project is a Material Design UI library and cross-platform mobile component kit. It provides a set of pre-styled… ohif/viewers — Viewers is a zero-footprint DICOMweb medical imaging viewer and a modular plugin framework. It serves as a diagnostic… sghall/react-move — React Move is a declarative animation library for React that animates components by interpolating between start and… metafizzy/flickity — Flickity is a JavaScript library used to create responsive, touch-enabled content carousels and sliders for web pages.… pkluz/pkrevealcontroller — PKRevealController is an iOS navigation framework and slide-over UI controller. It functions as a gesture-based… bttstrp/bootstrap-switch — Bootstrap-switch is a jQuery plugin that transforms standard HTML checkboxes and radio buttons into visual toggle…

Open-Source-Alternativen zu SwitchButton

Ähnliche Open-Source-Projekte, sortiert nach der Anzahl der gemeinsamen Funktionen mit SwitchButton.
  • xinthink/react-native-material-kitAvatar von xinthink

    xinthink/react-native-material-kit

    4,821Auf GitHub ansehen↗

    This project is a Material Design UI library and cross-platform mobile component kit. It provides a set of pre-styled user interface components and a layout framework designed to ensure a consistent visual experience across different mobile devices. The library includes a mobile theme management system for defining and updating global color palettes and styling rules across an application interface. It implements standardized layout patterns and spacing rules to maintain a clean and consistent design. The toolkit covers the construction of mobile forms and interfaces using elements such as b

    TypeScript
    Auf GitHub ansehen↗4,821
  • ohif/viewersAvatar von OHIF

    OHIF/Viewers

    4,035Auf GitHub ansehen↗

    Viewers is a zero-footprint DICOMweb medical imaging viewer and a modular plugin framework. It serves as a diagnostic interface for rendering 2D and 3D medical images, providing a web-based clinical workflow engine to automate image layouts and toolsets. The project distinguishes itself through a highly extensible architecture that allows for the development of custom clinical workflows, specialized viewing modes, and the integration of external functional extensions. It includes a dedicated command line interface for managing these plugins and supports white-labeling through a comprehensive

    TypeScriptcancer-imaging-researchdicomdicom-viewer
    Auf GitHub ansehen↗4,035
  • bttstrp/bootstrap-switchAvatar von Bttstrp

    Bttstrp/bootstrap-switch

    5,041Auf GitHub ansehen↗

    Bootstrap-switch is a jQuery plugin that transforms standard HTML checkboxes and radio buttons into visual toggle switches. It serves as a form input switch that provides a sliding toggle interaction as a replacement for traditional binary input elements. This component is designed specifically for Bootstrap interfaces, allowing for the customization of web pages that follow the Bootstrap CSS framework design system. It enhances web forms by converting basic input elements into interactive switches to improve the visual clarity of binary settings and preferences.

    Pugbootstrapbootstrap-switchcheckbox
    Auf GitHub ansehen↗5,041
  • metafizzy/flickityAvatar von metafizzy

    metafizzy/flickity

    7,576Auf GitHub ansehen↗

    Flickity is a JavaScript library used to create responsive, touch-enabled content carousels and sliders for web pages. It provides a system for building flickable galleries that allow users to navigate through collections of elements using touch or mouse input. The library specializes in performance and movement, featuring lazy-loading for images that defers loading off-screen content until it enters the viewport. It supports infinite scrolling loops that wrap back to the first cell after the last is reached, as well as automated slide transitions for slideshow experiences. The toolset inclu

    JavaScript
    Auf GitHub ansehen↗7,576
Alle 30 Alternativen zu SwitchButton anzeigen→