List View and Array Adapter Code Udacity Arabic English

List View and Array Adapter CodeYouTube↗ IA↗(long shot)
Education 927 views 5 likes 7 dislikes 21 Apr 2016

Udacity 651K subscribers United States YouTube↗

Click to Play Video

أولًا، سأقوم بتعديل ملف activity_numbers. xml

So first, I'll modify the activity_numbers.xml file,

ليشمل بند GridView xml

to contain a GridView xml element.

وبالتالي تغيير ListView إلى GridView

So that means changing this ListView to a GridView.

الآن، يجب أن أُضيف رمز جديد يطلق عليه عامود أرقام أندرويد،

Right now I'll need to add a new attribute called android numbers column,

وهنا يمكنك تحديد عدد الأعمدة التي يشملها شكل الشبكة

and here you can specify how many columns the grid will have, and for

وفي هذا المثال، سأختار رقم 2.

this example I'll choose 2.

لاحظ في جزء المعاينة،

So notice in the Preview pane,

يحاول أندرويد ستوديو إظهار معاينة مما سيكون عليه الشكل النهائي.

Android Studio tries to show a preview of what this might look like.

مرة أخرى، نؤكد أنه لا يُظهر بيانات حقيقية من تطبيقنا،

And again, it doesn't show real data from our app, and

كما أنه لا يُظهر مخطط بنود القائمة الحقيقية التي نستخدمها.

it's not the real list item layout that we're using.

ولكن المغزى هنا هو أن يُظهر لنا أنه سيكون هناك عامودين

But the point here is just to show us that there will be two columns in

في شكل الشبكة، وهذا يبدو أمرًا جيدًا.

the grid, and that looks good.

حسنًا، دعونا نعود مرة أخرى إلى NumbersActivity.java

All right, so let's go back to the NumbersActivity.java, and

وأرى أن هناك خطئًا الآن.

I see that there's an error now.

تقول رسالة الخطأ أن هناك تحويل غير متوقع في ListView

So the error message says that there's an unexpected cast to the ListView

لأن العلامة في ملف التخطيط تقول GridView.

because the tag in the layout file says GridView.

حسنًا، بما أننا انتقلنا إلى GridView، عندما نرى العرض في التخطيط،

Well, since we switched to a GridView, when we find the view in the layout, we

يجب أن نتحول إلى GridView وتخزينه بمتغير من نوع GridView.

need to cast it to a GridView and store it in a variable with type GridView.

دعونا نقوم بهذا التغيير الآن.

So let's make that change now.

حسنًا، الآن هناك مزيد من الأخطاء ولكن كافة الأكواد

All right, so now there's no more errors and all the code and

والأنشطة تبدو سليمة.

activity looks fine.

يُمكننا إنشاء قائمة صُفيفية كالمعتاد

So we can create an array list as usual, and

كما يمكننا إنشاء ArrayAdapter من قائمة الكلمات الموضحة.

we can create an ArrayAdapter from that words list.

وبعدها يمكننا ضبط محوّل الملفات على GridView.

And then we can set the adapter onto the GridView.

دعونا ننشئ التطبيق ونقوم بتشغيله على جهازنا ونرى ما سيحدث.

Let's build the app and run it on our device and see what happens.

والآن بالانتقال إلى نشاط الأرقام،

Now tapping to the Numbers activity,

بالتأكيد سنجد عامودين من الكلمات.

sure enough we see the two columns of words.

وبالتالي يستخدم كل عنصر نفس التخطيط المُستخدم مسبقًا.

So each item is using the same layout as before.

فلدينا مخطط عمودي، حيث توجد الكلمة بلغة ميوك في الأعلى

So we have a vertical linear layout, with the Miwok word on top and

والكلمة باللغة الإنجليزية في الأسفل.

the English word on the bottom.

الآن الفرق الوحيد هو بدلًا من أن يأخذ كل عنصر عرض الشاشة بالكامل،

Now the only difference is that instead of each item taking up the whole width

يأخذ الآن كل عنصر نصف عرض الشاشة فقط.

of the screen, each item now only gets half the width of the screen.

لأنه كما قلنا، نحن نريد شبكة مكونة من عامودين.

because as we said, we wanted a grid with two columns.

كما نرى، من الممكن أن يظل الأساس المنطقي لمصفوفة المواءمة كما هو،

As we see, the logic of the ArrayAdapter can stay the same,

سواء كان مرفقًا بواجهة القائمة أو واجهة الشبكة.

whether it's attached to a ListView or a GridView.

يستطيع المواءم إنتاج واجهات العناصر مع المحتوى المناسب من قائمة الكلمات،

The adapter can produce item views with the right content from the words list,

وتقوم واجهة عرض القائمة أو واجهة عرض الشبكة بعرضها على الشاشة.

and a ListView or GridView slots them into the screen accordingly.

نأمل أن يكون هذا التدريب مفيدًا في فهم واجهات المواءم بشكل أفضل.

Hopefully that exercise was helpful to better understand adapter views.

الآن سأقوم بإلغاء تغييرات واجهة الشبكة والعودة مرة أخرى إلى واجهة القائمة.

Now I'm going to undo my GridView changes and go back to using a ListView.

Similar videos:

Modify_List_Item_Layout
Udacity
979 views 6 likes 2 dislikes 22 Apr 201630% match

Handling Touch Events On A ListView Quiz
Udacity
25.4K views 4 likes 3 dislikes 06 May 201626% match

Settings Privacy About Contact Donate