ثبت‌نام

کد آماده فیلد متنی Material Design 3 (OutlinedBox) | XML اندروید

📅 1405/01/28 👁️ 37 بازدید
کد آماده فیلد متنی Material Design 3 (OutlinedBox) | XML اندروید

معرفی سورس

یک فیلد ورودی متن (Text Field) استاندارد، مدرن و آماده استفاده بر اساس Material Design 3 گوگل که با TextInputLayout و TextInputEditText در قالب کد XML نوشته شده است. این کامپوننت از نوع OutlinedBox (جعبه خط‌دار) می‌باشد و شامل یک راهنما (Hint) با عنوان "نام شما" است. مناسب برای فرم‌های ثبت‌نام، ورود، جستجو و هر فیلد متنی در اپلیکیشن‌های اندروید.

🎯 ویژگی‌ها

  • ✅ پیاده‌سازی بر اساس Material Design 3 (Material You)
  • ✅ استایل OutlinedBox (جعبه خط‌دار) – ظاهری مدرن و تمیز
  • ✅ شامل Hint (راهنما) با متن "نام شما"
  • ✅ واکنش‌گرا (match_parent) و سازگار با تمام اندازه‌های صفحه
  • ✅ قابلیت شخصی‌سازی رنگ، فونت، آیکون و پیام خطا
  • ✅ کد XML بسیار ساده و قابل استفاده مستقیم در Layout
  • ✅ سازگار با Java و Kotlin
  • ✅ بدون نیاز به کتابخانه اضافی (جز Material Components)

🎨 طراحی ظاهری

فیلد متنی با یک حاشیه خط‌دار (Outlined) در حالت عادی و با رنگ primary در حالت فوکوس نمایش داده می‌شود. راهنما (Hint) به صورت یک لیبل شناور در بالای فیلد قرار می‌گیرد. استایل کلی مطابق با Widget.MaterialComponents.TextInputLayout.OutlinedBox تنظیم شده است که ظاهری یکپارچه و حرفه‌ای در سراسر اپلیکیشن ایجاد می‌کند.

📦 محتویات سورس

  • فایل XML – کد کامل TextInputLayout

برای استفاده، کافی است این کد را در فایل Layout خود (مثلاً activity_main.xml) قرار دهید.

🚀 نحوه استفاده

  1. مطمئن شوید کتابخانه com.google.android.material در پروژه شما اضافه شده است.
  2. کد XML فوق را در محل مورد نظر در فایل Layout خود قرار دهید.
  3. از طریق findViewById در Java/Kotlin به فیلد دسترسی پیدا کرده و از آن استفاده کنید.

📋 مشخصات فنی

  • پلتفرم: Android
  • نوع کد: XML (Layout)
  • کتابخانه: Material Components for Android
  • استایل: Widget.MaterialComponents.TextInputLayout.OutlinedBox
  • حداقل SDK: 14 (Android 4.0) یا بالاتر
  • وابستگی: Material Components
  • تعداد فایل: ۱
  • حجم کد: 11 خط

🎁 این سورس برای چه کسانی مناسب است؟

  • توسعه‌دهندگان اندروید که به دنبال کامپوننت‌های آماده Material Design هستند
  • افراد مبتدی که می‌خواهند با TextInputLayout آشنا شوند
  • پروژه‌هایی که نیاز به فرم‌های ورود اطلاعات دارند
  • هرکسی که یک فیلد متنی شکیل و استاندارد برای اپلیکیشن خود می‌خواهد

💡 چرا این سورس؟

  • 🔹 کد بسیار کوتاه، تمیز و استاندارد
  • 🔹 طراحی مدرن مطابق با آخرین استانداردهای گوگل
  • 🔹 کاملاً قابل شخصی‌سازی (رنگ، آیکون، پیام خطا، طول متن و...)
  • 🔹 اجرای فوری و بدون تنظیمات پیچیده
  • 🔹 نقطه شروع عالی برای ساخت فرم‌های حرفه‌ای

شرایطی که در آن بابت دانلود این سورس سکه‌ای از شما کم نمی‌شود:

  • اگر خودِ شما این سورس را در سایت آپلود کرده باشید.
  • اگر قبلاً بابت دانلود این سورس سکه پرداخت کرده باشید.
  • اگر سورس رایگان باشد.

برای مشاهده آخرین وضعیت سکه‌ها، لطفاً صفحه را به‌روزرسانی کنید.

دسته‌بندی های مرتبط با این سورس
آزمایشی

گفتگو درباره این سورس

هنوز پیامی ثبت نشده است.



×
تصویر پروفایل
⏳ در حال بارگذاری...