awesome-repositories.com
المدونة
MCP
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعخادم MCPحولكيفية ترتيب النتائجالصحافة
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
kyleduo avatar

kyleduo/SwitchButton

0
View on GitHub↗
4,746 نجوم·865 تفرعات·Java·12 مشاهدات

SwitchButton

SwitchButton هو عنصر واجهة مستخدم (Widget) تبديل قابل للتخصيص لإنشاء مفاتيح تشغيل وإيقاف متحركة مع تسميات وألوان قابلة للتكوين. يعمل كمدخل نموذج تفاعلي يسمح للمستخدمين بالتبديل بين خيارين متقابلين باستخدام مكون يعتمد على الحالة.

تم تصميم الأداة لتكون مدركة للإيماءات، حيث تلتقط حركات التمرير الأفقي لتشغيل تغييرات الحالة مع السماح لأحداث التمرير الرأسي بالمرور إلى الحاوية الأصلية.

يدعم المكون تحديد ألوان وأبعاد وأنصاف أقطار زوايا مخصصة لكل من زر التبديل ومسار الخلفية. يتضمن قدرات لإدارة حالات التبديل، وتكوين نص التسمية، وضبط سرعات الرسوم المتحركة.

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.

سجل النجوم

مخطط تاريخ النجوم لـ kyleduo/switchbuttonمخطط تاريخ النجوم لـ kyleduo/switchbutton

بحث بالذكاء الاصطناعي

استكشف المزيد من المستودعات الرائعة

صف ما تحتاجه بلغة بسيطة — وسيقوم الذكاء الاصطناعي بترتيب آلاف المشاريع مفتوحة المصدر المنسقة حسب الصلة.

Start searching with AI

الأسئلة الشائعة

ما هي وظيفة kyleduo/switchbutton؟

SwitchButton هو عنصر واجهة مستخدم (Widget) تبديل قابل للتخصيص لإنشاء مفاتيح تشغيل وإيقاف متحركة مع تسميات وألوان قابلة للتكوين. يعمل كمدخل نموذج تفاعلي يسمح للمستخدمين بالتبديل بين خيارين متقابلين باستخدام مكون يعتمد على الحالة.

ما هي الميزات الرئيسية لـ kyleduo/switchbutton؟

الميزات الرئيسية لـ kyleduo/switchbutton هي: Toggle Switches, UI State Toggles, Gesture-Based UI Components, Gesture Interference Prevention, Switch Widgets, Swipe-to-Scroll Handlers, State-Driven Animations, Component Style Mappings.

ما هي البدائل مفتوحة المصدر لـ kyleduo/switchbutton؟

تشمل البدائل مفتوحة المصدر لـ kyleduo/switchbutton: 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… pkluz/pkrevealcontroller — PKRevealController is an iOS navigation framework and slide-over UI controller. It functions as a gesture-based… markusenglund/react-switch — React Switch is an interactive form input element for capturing binary boolean choices in web applications. It… bttstrp/bootstrap-switch — Bootstrap-switch is a jQuery plugin that transforms standard HTML checkboxes and radio buttons into visual toggle… metafizzy/flickity — Flickity is a JavaScript library used to create responsive, touch-enabled content carousels and sliders for web pages.…

بدائل مفتوحة المصدر لـ SwitchButton

مشاريع مفتوحة المصدر مشابهة، مرتبة حسب عدد الميزات المشتركة مع SwitchButton.
  • xinthink/react-native-material-kitالصورة الرمزية لـ xinthink

    xinthink/react-native-material-kit

    4,821عرض على GitHub↗

    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
    عرض على GitHub↗4,821
  • ohif/viewersالصورة الرمزية لـ OHIF

    OHIF/Viewers

    4,035عرض على GitHub↗

    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
    عرض على GitHub↗4,035
  • metafizzy/flickityالصورة الرمزية لـ metafizzy

    metafizzy/flickity

    7,576عرض على GitHub↗

    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
    عرض على GitHub↗7,576
  • bttstrp/bootstrap-switchالصورة الرمزية لـ Bttstrp

    Bttstrp/bootstrap-switch

    5,041عرض على GitHub↗

    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
    عرض على GitHub↗5,041
عرض جميع البدائل الـ 30 لـ SwitchButton→