All language subtitles for 7. Conditional Display-ar

حسنا.

دعنا نتأكد من أنه يمكننا إخفاء أو عرض رسالة النجاح هذه في أسفل الشاشة.

تذكر أن هذا هو التمرين الذي وضعناه للتو.

هناك بالتأكيد العديد من الطرق المختلفة التي يمكننا من خلالها تحقيق ذلك.

سأريكم ما الذي توصلت إليه على الأرجح.

ربما تكون قد جئت بإحدى طريقتين مختلفتين.

لذلك يجب أن أريكم بطريقة ما ، وبعد ذلك أثناء تنفيذنا لهذا سأذكر طريقة أخرى

من المحتمل جدًا أن يكونوا قد نفذوا هذا أيضًا.

ومع ذلك ، فإن أيًا من المقاربتين التي سأعرضها لك أو أذكرها بسرعة حقًا مناسبة بنسبة 100 في المائة.

دعنا نذهب اليها.

أعني أن أبدأ أولاً داخل فئة مكونات التطبيق.

لذلك نريد بشكل أساسي أن نلقي نظرة كلما تم استدعاء معالج الأحداث هذا هنا.

تريد إلقاء نظرة على القيمة التي أدخلها المستخدم.

وإذا أدخل المستخدم قيمة تساوي نصًا عشوائيًا ونريد توصيل ذلك إلى

على وجه التحديد ، نريد إخفاء أو إظهار div هنا مع H1 بالداخل

منه

الطريقة الأولى التي يمكننا من خلالها القيام بذلك هي أخذ القيمة التي أدخلها المستخدم وتخزينها على أنها

خاصية على مكوناتنا.

لذلك ، على سبيل المثال ، يمكنني تحديد خاصية جديدة تسمى النص المُدخل وافتراضيًا أن تكون سلسلة فارغة

ومتى تم الاتصال بإدخال يمكنني تحديث قيمة إدخال النص.

لنفترض أن هذا النص الذي لم يتم إدخاله يساوي قيمة كلما قمنا بتحديث خاصية في الفصل الذي سيتم إدخاله

لجعل نموذجنا يقوم بتحديث نفسه تلقائيًا حتى نتمكن الآن من العودة إلى القالب الخاص بنا و

أسفل ذلك div في الجزء السفلي ، يمكننا مقارنة خاصية إدخال النص بالنص العشوائي ثم

إذا كانتا متطابقتين ، فيمكننا إظهار أو إخفاء الرسالة في الأسفل.

تذكر الآن أن هناك طريقة أخرى من المحتمل جدًا أن تكون قد تعاملت بها مع هذا الأمر.

سأذكر أنهم سيعودون الآن وسأجد div في الأسفل

وتذكر أن تعرض أو تخفي بعض المحتوى المشروط يمكننا استخدام هذه الطاقة لـ DirecTV.

سأجد div وعلى الشيطان أضف نجمة إلي ، قلت الطاقة أربعة قصدت أن أقول جي إذا كان خطأي

سيقول ما إذا كان إدخال النص بشكل صحيح يساوي نصًا عشوائيًا ، فسنعرض هذا.

وإلا فإننا سوف نخفيه.

سنقول نص عشوائي.

يساوي يساوي يساوي يساوي إدخال النص

أثناء قول هذا ثم أقلبه مرة أخرى ، سأقوم بنسخ هذه السلسلة هناك بالضبط و

رميها في الإدخال.

السيد كما أفعل أرى النجاح يظهر ولكن إذا قمت بتغيير السلسلة المدخلة ، فستختفي الرسالة بمرور الوقت

احذف هذا الحرف الأخير وأعد إدخاله وفي كل مرة أقوم بتبديل رؤية الرسالة

في الجزء السفلي كما قلت ، هذه طريقة أخرى للعناية بهذا الأمر بطريقة أخرى قد تتعامل معها

هذا عن طريق إنشاء خاصية جديدة على الفئة تسمى إذا كنت تحب حلها أو شيء ما وبشكل افتراضي

ربما لم يتم حلنا يعني في كل مرة يقوم فيها المستخدم بإدخال جزء من النص يمكنك إلقاء نظرة عليه

ومقارنة هذه القيمة بالنص العشوائي ، وإذا كانت متساوية ، فيمكننا تحديثها لتكون صحيحة

مثل ذلك إذا توصلت إلى حل مثل هذا.

كما قلت ، هذا جيد أيضًا بنسبة 100 بالمائة.

أي من الحلين المناسب تمامًا يعمل بشكل جيد.

السبب الوحيد الذي يجعلني أتجه نحو هذا الحل الأولي لتخزين قيمة النص أو الإدخال

نص مثل هذا هو أنني أعلم أنه في غضون لحظة واحدة فقط سيتعين علينا الدخول أو تقييد الوصول الذي تم إدخاله

نص داخل القالب الخاص بنا لمقارنة كل هذه الشخصيات واحدة تلو الأخرى ولكن في السيناريو الخاص بي

فقط نوع من معرفة المستقبل هنا.

لقد نفذت هذا الشيء بالفعل ، لذا إذا أضفت خاصية حل هذه الخاصية تمامًا.

في كلتا الحالتين أنت على ما يرام.

الآن بعد أن وضعنا هذا معًا ، دعنا نتحدث عن خطوتنا التالية هي الخطوة التالية حيث توجد الأشياء

سنواجه بعض التحدي بالرغم من خطوتنا التالية.

هذا هو المكان الذي يلعب فيه اللحم الحقيقي والبطاطس.

نريد عرض كل حرف من أحرف نصنا العشوائي داخل القالب.

حسنًا ، نريد تلوين كل حرف بناءً على ما إذا كان صحيحًا أو لم يتم إدخاله

بعد.

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

لحل هذا.

سأريكم طريقة واحدة خاصة للغاية بالتأكيد الكثير من الطرق المختلفة للعناية بها.

أول شيء أريد أن أذكره هو أننا لا نحاول العثور على الشخصية الأولى فقط

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

بدلاً من ذلك ، نريد حقًا عمل حرف دقيق من خلال مقارنة الأحرف ونريد تلوين كل حرف

اعتمادًا على ما إذا كان المستخدم قد أدخل الحرف الصحيح في الأسفل هنا داخل النص

إدخال.

لذا في هذا المثال من المفترض أن ندخل لوريم إذا قال بعض التجار أحمد ثم في إدخال النص

نتخيل أننا دخلنا لوريم كل شخص تلك الشخصيات صحيحة.

لذلك يظهرون جميعًا باللون الأخضر ثم الفضاء ثم K.B. بعض ما تم إدخاله في K في B هي

غير صحيح هنا.

لذا في الأعلى هنا داخل النص الذي تم إنشاؤه عشوائيًا ، يجب أن نلون I N P باللون الأحمر فقط لأن هؤلاء موجودون

الحرفان اللذان تم إدخالهما بشكل غير صحيح ثم بعد ذلك نقوم في الواقع بإدخال s you m بشكل صحيح

لذلك في النص الذي تم إنشاؤه يجب علينا تلوينها باللون الأخضر وكل شيء بعد ذلك.

لم ندخل أي حرف حتى الآن.

يجب أن تكون جميعها سوداء أو رمادية فقط أو شيء مشابه مرة أخرى.

نريد أن نتأكد من أننا نقوم بعمل مقارنة بين الشخصيات.

اسمحوا لي أن أقدم لكم بعض الملاحظات الآن حول كيفية التعامل مع هذا ، هناك بالتأكيد اثنتان من بين جميع الاحتمالات

لحل هذه المشكلة.

الطريقة الأولى لحل هذه المشكلة هي اتباع نهج قائم على الفصل.

لذلك عندما أقول استنادًا إلى الفصل ، فأنا أعني أننا سنقوم بحشو أكبر قدر من التعليمات البرمجية في جانب المكون أو الفصل

جانب داخل طريقة ما يمكننا مقارنة هاتين السلسلتين ثم ربما إنشاء نوع من

هيكل البيانات الذي يصف كيف يجب أن يعرض نموذجنا بالفعل كل هذه البيانات.

لذلك داخل هذا النهج القائم على الصنف ، قد نضيف الكثير من المنطق أيضًا على المدخلات هنا لأخذ a

انظر إلى إدخال النص وألق نظرة على النص العشوائي ، ثم قم بإنشاء بعض لكل حرف على حدة

وصف شيئًا ما يقوله حسنًا ، دعنا نظهر هذه الشخصية في أنه يجب أن يكون هذا اللون

هو النهج الأول الذي قد نتبعه هو النهج الآخر الذي قد نتخذه وهو في الحقيقة مجرد أخذ المعلومات

التي تم إدخالها من قبل المستخدم ثم من خلال الكثير من المنطق في القالب الخاص بنا لتحديد كيفية القيام بذلك

تظهر كل شخصية.

لذلك في هذا الحل القائم على القالب ، ما لدينا بالفعل من الداخل في المدخلات يشبه ما يكفي من الداخل تقريبًا

من موقعك بالفعل وسنعتمد على الكثير من بناء جملة القالب.

لذا فإن الكثير من الأشياء التي نمر بها من الداخل تعتمد على تقديم كل شخصية ثم

تلوين كل واحد هو بسهولة أنت وأنا ذاهب إلى حل قائم على القالب.

سوف نعتمد كثيرًا على التأكد من أننا ندخل في بعض بنية القالب لإظهار كل حرف

وقم بتطبيق بعض التصميم أو بعض الفصول لإعطاء بعض التصميم بسهولة لكل فرد بالطريقة التي تريدها

يذهب اليك تماما.

في كلتا الحالتين مناسب حقًا هنا.

الآن إذا ذهبت مع الحل القائم على القالب ، فهناك شيء واحد ربما تحتاجه

لكي تكون على دراية بالفرص التي قد تستخدمها لنقل نهاية G4 للتكرار على كل رعاية تم إدخالها أو رؤية كل منها

حرف النص العشوائي هنا وطباعة كل حرف كعنصر منفصل.

يمكنك استخدام طاقة لأربعة أشخاص تساوي N لكل حرف.

قد تحاول البحث عن الفهرس المصاحب داخل إدخال النص ، لذلك عندما ناقشنا الطاقة لـ

قبل قليل ناقشنا للتو كيفية استخدامه للتكرار من خلال مجموعة من الأشياء والطباعة

لم نناقش في الواقع كيفية الوصول إلى فهرس كل عنصر نقوم بتكراره

أكثر من القليل من التلميح الذي أريد تقديمه لك هنا هو أنه إذا احتجت في أي وقت إلى الوصول إلى فهرس عنصر ما

نظرًا لأننا نكررها بالطاقة ، يمكنك كتابة النص الأصلي أو ترك حرف من نص عشوائي

أو أي شيء آخر ثم فاصلة منقوطة ثم اسمحوا لي أن تساوي الفهرس وبعد ذلك سيكون لديك حق الوصول إلى هذا

متغير داخل القالب الخاص بك من I.

وسيخبرك ذلك بالفهرس الدقيق الذي تعمل معه ويريدون ذكره بسرعة.

هذا شيء قد تكتشفه بنفسك عندما نستفيد من الطاقة لأنه يتعين علينا التكرار

على مجموعة نص عشوائي عبارة عن سلسلة.

ومن ثم ، لتحويل هذه السلسلة إلى مجموعة من الأحرف ، يمكنك أن تسميها انقسمت عليها بسلسلة فارغة فقط

رمي واحد ذلك هناك بسرعة حقا.

الآن التحدي الكبير الآخر الذي من المحتمل أن تواجهه هو كيفية تصميم كل شخصية على حدة.

سأدعك تجري القليل من البحث على هذه الجبهة.

هل هذا شيء يجب عليك بالتأكيد اكتشافه.

مرة أخرى ، إذا لم تكن متأكدًا من كيفية التعامل مع أي من هذا ، فلا تقلق.

هذا هو حقا تمرين صغير صعب للغاية.

لكن لا تتردد في الانتقال إلى الفيديو التالي وسأوضح لك بالضبط كيف سنتعامل مع هذا.

هذا بالتأكيد كما قلت الجانب الأكثر تحديًا في هذا المشروع بأكمله هو أنك حصلت على كل شيء

حتى هذه النقطة.

هذا رائع.

لنأخذ وقفة سريعة هنا ثم نبدأ في معالجة هذا في لحظة.