أداة بسيطة للإنشاء لإضافة أزرار قابلة للتخصيص عند تمرير البطاقة بطريقة سهلة


هذه المكتبة متاحة كتبعية gradle عبر JitPack.io. فقط قم بإضافة الكود التالي:


أضف Jitpack.io إلى build.gradle الجذر الخاص بك:

allprojects {
     repositories {
     	...
     	maven { url "https://jitpack.io" }
     }
}
  1. Add dependency:إضافة التبعية:
    implementation 'com.github.Amrjyniat:Swipeable-Card:1.0.0'
  • تخصيص الخلفية ولون النص وأيقونة الزر.
  • قم بإضافة عدد غير محدود من الأزرار إلى البطاقة عن طريق تمرير قائمة SwipeableAction.
  • العمل مع اتجاهات التخطيط LTR وRTL.
  • لا تحتاج إلى تعديل بطاقتك لجعلها قابلة للتمرير السريع، ما عليك سوى إضافة إنشاء بطاقتك إلى SwipeableCard.

كيف تستعمل:

SwipeableCard(
	actions = listOf(
	  Action(R.drawable.ic_share, Orange, "Share", Color.White, 85.dp){},
	),
	isRevealed = revealIds.contains(task.taskId),
	paddingValues = PaddingValues(16.dp),
	animationDuration = 500,
	onExpand = {},
	onCollapse = {}
) { 
	Card() 
}

لديك ثلاث مناطق قابلة للتخصيص في متعة SwipeableCard القابلة للتركيب:

  1. بطاقتك الأصلية.

  2. الأزرار التي ستظهر عند تمرير البطاقة، قم بتمرير قائمة Action التي لها سمات متعددة

    • iconRes: رمز المورد القابل للرسم.
    • color: خلفية الزر.
    • text: نص الزر.
    • textColor: لون نص الزر.
    • withInDp: حدد عرض الزر في قاعدة البيانات، وإلا فسيتم التفاف المحتوى.
      • onAction: يتم تشغيل Lambda عند النقر على الزر.

Attributes:صفات

  • isRevealed: قيمة منطقية تكشف البطاقة لإظهار الأزرار عندما تكون صحيحة.
  • paddingValues: اضبط حشوة البطاقة.
  • animationDuration: حدد سرعة الكشف عن طريق تمرير المدة بالمللي ثانية.
  • onExpand: يتم تشغيل Lambda عند الكشف عن البطاقة.
    • onCollpase: يتم تشغيل Lambda عند طي البطاقة.

GitHubجيثب


Jetpack Compose Cards Kotlin Swipe Buttonإنشاء Jetpack البطاقات Kotlin التمرير





تحميل التطبيق


0 تعليقات