Skyscanner/SkyFloatingLabelTextFieldArchived
SkyFloatingLabelTextField
SkyFloatingLabelTextField هو مكون واجهة مستخدم iOS قابل لإعادة الاستخدام لتطبيقات Swift. ينفذ عنصر تحكم إدخال نص يتميز بنمط التسمية العائمة، حيث تنتقل التسميات من موضع العنصر النائب إلى عنوان عائم عندما يتم التركيز على الحقل أو ملؤه.
يتضمن المكون دعماً مدمجاً لتخطيطات اللغة من اليمين إلى اليسار، مما يضبط اتجاه النص والتخطيط تلقائياً للقراءة الصحيحة. كما يوفر أيقونات متكاملة، مما يسمح بوضع الصور أو الأيقونات القائمة على الخطوط داخل حقل النص.
يغطي النظام رسائل التحقق من الإدخال والتصميم، مما يتيح عرض رسائل الخطأ وتعديل الألوان وحدود التخطيط لتتماشى مع نظام تصميم معين.
Features
- Floating Labels - Implements labels that transition from a placeholder position to a floating title when the field is focused or populated.
- iOS UI Components - Provides a reusable user interface component specifically designed for styled text entry and validation on iOS.
- Custom UIKit Controls - Wraps standard UIKit components to create a specialized text input control with custom layout behavior.
- iOS - Implements iOS-specific form styling with animated visual feedback for focus and validation states.
- Right-To-Left Support - Uses Auto Layout to adjust spacing and alignment for correct readability in right-to-left language layouts.
- RTL Layouts - Ships a text entry field with built-in support for right-to-left text direction and automatic layout adjustment.
- Text Field Layouts - Provides a set of customizable styles and bounds for managing text field layouts and visual cues.
- Input Field Enhancements - Integrates images or font-based icons within text fields to provide visual cues to the user.
- Styled Input Fields - Enables modification of colors, line heights, and layout bounds to align text fields with a design system.
- Validation Feedback Styles - Provides visual cues and helper text to notify users when text input fails validation rules.
- Mobile UI Styling - Allows styling of text fields with custom colors, icons, and layouts optimized for mobile interfaces.
- Input Validation - Highlights text fields and displays error messages when user input fails validation rules.
- Runtime Property Injection - Supports runtime injection of colors and fonts to adapt the text field to specific design system requirements.
- Validation Error Renderers - Provides customizable mechanisms for rendering validation error messages and styling borders based on input state.
- Text Fields - Float label pattern implementation.
- Text Inputs - Text field with floating label pattern.
