Angular CDK Splitter

أداة موجهة للمطورين تشرح وتظهر كيفية تنفيذ عرض قسمين قابل للسحب باستخدام Angular CDK للتحكم في أحجام الألواح والتخطيط.

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support

1,184+

Total Calculations Run

< 15ms

Browser Execution Speed

100%

Client-Side Privacy

4.9 / 5.0

User Satisfaction

AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

عن هذه الأداة

تصف هذه الأداة مفهوم مقسم من لوحين مبني على Angular CDK. تركّز على المنطق النطاقي اللازم لتنفيذ ألواح قابلة لإعادة الحجم، بما في ذلك حساب الأحجام، القيود، وكشفها للمكوّنات المستضيفة. تستهدف مهندسي الواجهة الأمامية، كتّاب المكتبات، والمطورين الذين يدمجون تخطيطات ديناميكية في تطبيقات Angular.

تنقسم الميزات الأساسية إلى جوانب مطلوبة وجوانب اختيارية. مطلوبة: التوجه (افتراضي عمودي)، أحجام الألواح الأولية، الحد الأدنى/الأقصى لكل لوح، وحساب دلتا الذي يحدّث الأحجام عند سحب الفصل. المخرجات تتضمن الأحجام الجديدة وحمولة بيانات توضّح التغيير للخدمات القادمة. اختياري: التوجه الأفقي، المقسمات المتداخلة، نقاط التقاط (snap)، واستمرارية أحجام الألواح عبر الجلسات.

كيف يساعد: يوضح السلوك المتوقع عند تغيير حجم لوح، يضمن اتساق المساحة الإجمالية، ويقدم نموذجاً قابل لإعادة الاستخدام للاختبار والتوثيق. الجمهور المستهدف: مهندسو UI، المعماريون، والفرق التي تعتمد Angular CDK لتخطيطات معقدة. القيمة الفريدة: نموذج مدمج ومحدد الإطار لسلوك الألواح القابلة لإعادة الحجم، مع تقسيم واضح بين المتطلبات والخيارات ومجموعة من المدخلات/المخرجات التي يمكن ربطها بمكوّنات فعلية.

Save your calculation history with a free account

كيفية الاستخدام

قدم المدخلات: التوجه (عمودي|أفقي)، initialSizes (الأرقام بكسل)، minSizes, maxSizes.
تحقق من صحة المدخلات وطبق القيم الافتراضية عند الحاجة.
نفّذ حساب دلتا: احسب newSizes بتطبيق دلتا على الأحجام الأولية ضمن حدود min/max.
اقرأ المخرجات: newSizes وحمولة التغيير للمكوّنات المستضيفة أو الاختبارات.
اختياري: فعّل المقسمات المتداخلة أو نقاط snap واحفظ الحالة عبر الجلسات.

Frequently Asked Questions

اعثر على إجابات سريعة

ما هو Angular CDK Splitter؟

نموذج مفهومي لتخطيط من لوحين قابلة لإعادة الحجم يستند إلى مصطلحات Angular CDK، مخصص للتخطيط والتوثيق وليس لتنفيذ واجهة مستخدم محددة.

أي مدخلات مطلوبة؟

الاتجاه، الأحجام الأولية، وأحجام الحد الأدنى/الأقصى لكل لوح مطلوبة؛ يمكن توفير قيود أخرى كمصفوفات اختيارية للتحكم في الحدود والسلوك.

هل يمكنه نمذجة مقسمات nested؟

نعم؛ يدعم التحديد المقسم nested عن طريق تطبيق قواعد الحجم بشكل متكرر ونشر الدلتا إلى الألواح الفرعية.

ما هي الوحدات المستخدمة؟

الوحدات عادةً بالبكسل؟ يمكن تكييف النموذج إلى نسب مئوية للتخطيطات المرنة مع الحفاظ على الاتساق الداخلي.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Related Tools

Other useful calculators and utilities you might like

محول Spotify إلى MP3

يحوّل ملفات الصوت المقدمة محليًا إلى MP3، مما يتيح الاستماع دون اتصال وتوافقًا عبر الأجهزة للموسيقى...

حساب المسافة بالطرق

حاسب للمسافة بالطرق للمسافرين ومخططي اللوجستيات والسائقين لتقدير المسافات وأزمنة الرحلة بسرعة بين ال...

حاسبة العمر

حدد عمر شخص بسرعة استناداً إلى تاريخ ميلاده مع أداتنا المجانية على الإنترنت، مناسبة للاستخدام الشخصي...

محول العملات

حوّل بسرعة مبالغ بين عملات مختلفة باستخدام محول العملات المجاني عبر الإنترنت، مثالي للمسافرين، الشرك...

ملاحظاتك تهمنا

ساعدنا على التحسن