xlmnxp

Members
  • عدد منشوراتي

    37
  • تاريخ الإنضمام

  • تاريخ اخر زياره

السمعه بالموقع

9 Neutral

عن العضو xlmnxp

  • الرتبه
    مبدع متقدم

معلومات عامة

  • الجنس
    ذكر
  • السكن
    المملكة العربية السعودية

اخر الزوار

542 زياره للملف الشخصي
  1. نعم يوجد https://www.npmjs.com/package/ng4-twitter-timeline
  2. بإمكانك عمل ذلك باستخدام for او foreach مثال بلغة الجافاسكربت var words = "عااالم البرمجججة"; var direction = {}; for(char in words){ // تحقق اذا كان المسار غير معرف if(direction[words[char]] == undefined){ // اجعل قيمته 1 direction[words[char]] = 1; // غير ذلك (اذا كان المسار معرف ) }else{ // قم بزيادة 1 عليه direction[words[char]]++; } } // لطباعة الناتج alert("عدد مرات تكرر الحرف ج هي : " + direction["ج"]); alert("عدد مرات تكرر الحرف ا هي : " + direction["ا"]);
  3. هل بإمكانك توضيح سؤالك اكثر ؟
  4. بإمكانك استخدام ملف الـ json الموجود في المشروع التالي https://github.com/xxxdepy/simple-country-dial-codes المشروع مفتوح المصدر
  5. بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته من العايدين جميعًا وكل عام وانت بخير بمناسبة عيد الاضحى المبارك ندخل مباشرة في الدرس ListView هو قائمة تقوم بإستخراج البيانات مباشرة من المصفوفة الى الواجهة اما HtmlView فهو لرسم اجزاء HTML في واجهة التطبيق ( لا تستطيع إستخدام JavaScript فيه بإختصار هو لادعمها ) خصائص الملحق ListView items تحدد فيه المصفوفة المستهدف إستخارج البيانات منها itemTap يفوم بتشغيل دالة عند النقر على احد عناصر ملحق ListView itemLoading تشغيل دالة عند تحميل جميع العناصر loadMoreItems يقوم بتشغيل دالة عند وصول منزلق الصفحة الى أخر عنصر بالأسفل في ListView خصائص الملحق HtmlView html تقوم بإلحاق كود الـHTML بداخلة مثال على الملحقات main-page.xml <Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo"> <ActionBar title="عالم البرمجة - مستعرض الـHTML و مستعرض المصفوفات"></ActionBar> <StackLayout> <ListView items="{{ List }}" itemTap="onItemTap"> <ListView.itemTemplate> <Label text="{{ name }}" textWrap="true" style="margin: 20px;" /> </ListView.itemTemplate> </ListView> <HtmlView html="<h1><font color='red'>عالم البرمجة</font> دورة nativescript</h1>"/> </StackLayout> </Page> main-page.js var Observable = require("data/observable").Observable; var page; // إنشاء الـ Observable var viewModel = new Observable(); // هذه الدالة سوف تعمل عند الإنتقال للصفحة function onNavigatingTo(args) { page = args.object; // إضافة مصفوفة للـ Observable viewModel.List = [ { name: "Salem"}, { name: "Saleh"}, { name: "Ahmed"}, { name: "Saeed"}, { name: "Eid"}, { name: "Mubarak"} ]; // ربط الـ Observable بالصفحة page.bindingContext = viewModel; } function onItemTap(args){ // يرجع لك الـindex للعنصر الذي تم النقر عليه // args.index alert(viewModel.List[args.index].name); } exports.onNavigatingTo = onNavigatingTo; // إستخراج الدالة لإستخدامها داخل main-page exports.onItemTap = onItemTap; الناتج من هنا الملحق WebView WebView او مستعرض الويب كما يوحي اسمه هو ملحق لإستعراض صفحات الويب وشفرات الـHTML وهو يدعم الجافاسكربت وتستطيع استخدامة لإستعراض رابط معين او شفرات HTML & CSS & JavaScript خصائص الملحق src رابط الموقع او شفرة الـ HTML مثال على الملحق WebView <Page loaded="pageLoaded" class="page" xmlns="http://www.nativescript.org/tns.xsd"> <ActionBar title="مستعرض الويب" class="action-bar"></ActionBar> <GridLayout rows="*,*"> <WebView src="http://www.3alampro.com" row="0"></WebView> <WebView src="<html><head><title>عالم البرمجة</title></head><body style='background-color: gray;'> <script>alert('مرحبًا بالعالم')</script> </body></html>" row="1"></WebView> </GridLayout> </Page> الناتج من هنا
  6. بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته ما هو موضح مسبقًا في الدرس العاشر Image هو وسم لإستعراض الصور بداخلة ( يدعم استعمال صور من رابط خارجي ) وActivityIndicator هو عبارة عن علامة Loading ( مؤشر انتظار ) خصائص الملحق ActivityIndicator busy اظهار مؤشر التحميل يقبل قيمتين true | false busyChange تشغل دالة عند تغيير قيمة busy color لون المؤشر خصائص الملحق Image src مصدر الصورة اما برابط محلي مثل "~/3alampro/logo.png" او برابط من مجلد resources مثل "res://3alampro/logo" او رابط خارجي مثل "http://www.3alampro.com/logo.png" width لعرض الصورة height لطول الصورة stretch تحديد امتداد الصورة none | fill | aspectFill | aspectFit مثال على الملحقات ملف main-page.xml <Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo"> <Page.actionBar> <ActionBar title="عالم البرمجة - الصورة ومؤشر الإنتظار"></ActionBar> </Page.actionBar> <StackLayout style="padding: 20px"> <Image src="http://www.3alampro.com/uploads/monthly_2016_03/stamp.png.2809a48c070e3d284c9dc2d6d8b46b60.png" width="240" height="120" /> <ActivityIndicator busy="true" color="gray" /> </StackLayout> </Page> الناتج من هنا
  7. بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته المنزلق Slider و شريط التقدم Progress الخصائص المشتركة بين الملحقين maxValue اعلى قيمة في المنزلق و شريط التقدم value للحصول على القيمة ( موقع شريط التقدم او المنزلق ) او تعينها valueChange تشغيل دالة عند تغيير قيمة المنزلق او شريط التقدم color لون المزلق و شريط التقدم backgroundColor لون خلفية شريط المنزلق ولون خلفية شريط التقدم خصائص الملحق Slider minValue اقل قيمة في المنزلق مثال على الملحقات ملف main-page.xml <Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo"> <Page.actionBar> <ActionBar title="عالم البرمجة - مفتاح التبديل"></ActionBar> </Page.actionBar> <StackLayout style="padding: 20px"> <Progress maxValue="100" color="orange" backgroundColor="red" value="{{ Value }}" /> <Progress maxValue="100" value="{{ Value }}" /> <Slider minValue="0" color="green" backgroundColor="black" maxValue="100" value="{{ Value }}" /> <Slider minValue="50" maxValue="150" value="{{ Value }}" /> </StackLayout> </Page> ملف main-page.js var Observable = require("data/observable").Observable; var page; // إنشاء الـ Observable var viewModel = new Observable(); function onNavigatingTo(args) { page = args.object; // تعريف الـ Observable ـ Value واسناد له قيمة viewModel.Value = 0; // ربط الـ Observable بالصفحة page.bindingContext = viewModel; } exports.onNavigatingTo = onNavigatingTo; الناتج من هنا
  8. بسم الله رحمن الرحيم السلام عليكم ورحمة الله وبركاته الملحق SearchBar SearchBar او شريط البحث كما يوحي اسمه هو شريط مخصص للبحث خصائص الملحق text للحصول على النص أو تعيينه hint نص للتوضيح textChange تشغيل دالة عندما يتم ادخال نص submit تشغيل دالة عند النقر على زر بحث clear تشغيل دالة عند افراغ الحقل او الضغط على زر حذف النص مثال على الملحق SearchBar ملف main-page.xml <Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo"> <ActionBar title="عالم البرمجة - شريط البحث"></ActionBar> <StackLayout> <!-- وسم searchbar لشريط البحث --> <!-- ربط الدالو onClear و onSubmit بالصفحة لتعمل عند الحدث --> <SearchBar id="searchBar" hint="بحث" clear="onClear" submit="onSubmit" /> <!-- وسم label ليظهر ناتج results --> <Label text="{{ results }}" textWrap="true" /> </StackLayout> </Page> ملف main-page.js var Observable = require("data/observable").Observable; var page; // إنشاء الـ Observable var viewModel = new Observable(); function onNavigatingTo(args) { page = args.object; // تعريف الـ Observable ـ results واسناد له قيمة viewModel.results = "الناتج"; // ربط الـ Observable بالصفحة page.bindingContext = viewModel; } function Search(args){ // جلب الـ SearchBar من نقس حدث البحث والحذف var searchbar = args.object; // اسناد النص الذي بداخل الـ SearchBar بالـ results viewModel.set('results', searchbar.text); } // عمل export للدوال لإستخدامها داخل الصفحة exports.onSubmit = Search; exports.onClear = Search; exports.onNavigatingTo = onNavigatingTo; الناتج من هنا الملحق Switch الـ Switch او مفتاح التبديل هو مفتاح تبديل يرجع يقيمتين هما false و true ويستخدم عادتًا في اعدادات التطبيق الخاص بك خصائص الملحق Switch color لون الزر checked يحتوي قيمتين هما true و false true عندما يكون المفتاح مفعل false عندما يكون المفتاح غير مفعل style لتعيين خصائص CSS مخصصة له وحدة id لتعيين تعريف للملحق isEnabled حالة تفعيل المفتاح مثال على الملحق Switch ملف main-page.xml <Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo"> <ActionBar title="عالم البرمجة - مفتاح التبديل"></ActionBar> <StackLayout> <Switch checked="{{ checked }}" /> <Button isEnabled="{{ checked }}" text="الولوج الى عالم البرمجة" /> </StackLayout> </Page> ملف main-page.js var Observable = require("data/observable").Observable; var page; // إنشاء الـ Observable var viewModel = new Observable(); function onNavigatingTo(args) { page = args.object; // تعريف الـ Observable ـ checked واسناد له قيمة viewModel.checked = false; // ربط الـ Observable بالصفحة page.bindingContext = viewModel; } exports.onNavigatingTo = onNavigatingTo; الناتج من هنا
  9. هل يعمل في متصفح كروم وايدج ؟
  10. قم بتغير اسم الملف من صوت الى اي اسم بالنجليزي افضل مثل sound وايضًا اضافة امتداد الملف <audio src="المصدر" type="audio/mpeg" controls="true"> متصفحك لا يدعم الملحق قم بتحديثة :) </audio>
  11. انت كاتب scr والصحيح تكتب src لان كلمة src اختصار لـ source
  12. بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته شرح الملحقات الأربعة التالية Label, Button, TextView, TextField الخصائص المشتركة بينهم text للحصول على النص أو تعيينه. style لتعيين خصائص CSS مخصصة له وحدة id لتعيين تعريف للملحق textAlignment لمحاذات النص "initial" | "left" | "center" | "right" textDecoration الخط الذي تحت النص "none" | "underline" | "line-through" | "underline line-through" textTransform لتحول النص ( جميع الحروف صغيرة او كبيرة ) "initial" | "none" | "capitalize" | "uppercase" | "lowercase" whiteSpace المسافات البيضاء بين الحروف "initial" | "normal" | "nowrap" | رقم لتحديد المسافة isEnabled حالة تفعيل للملحق ( الكل ما عدا Label ) خصائص الملحق Label textWrap السماح للنص بالألتفاف على السطور ( الصفوف ) خصائص الملحق Button tap تشغيل دالة عند النقر على الزر خصائص الملحقان TextView و TextField المشتركة hint نص للتوضيح editable قابلية الحقل لتعديل النص الذي بداخلة true | false keyboardType نوع لوحة المفاتيح datetime | phone | number | url | email returnKeyType نوع زر الرجوع ( مثل "ارسال" , "رجوع" , "اذهب" ) done | next | go | search | send returnPress تشغيل دالة عند الضغط على زر الرجوع في لوحة المفاتيح secure حماية الحقل ( حقل مشفر ) true | false textChange تشغيل دالة عندما يتغير النص autocorrect التصحيح التلقائي للنص true | false مثال على الملحقات <Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo"> <StackLayout> <Button text="مرحبًا" tap="{{ hello }}"/> <TextView text="مرحبًا بالعالم" editable="false" /> <TextView hint="عالم البرمجة" editable="true" /> <TextView hint="عالم البرمجة" text="دورة nativescript" editable="true" /> <TextField text="السلام عليكم ورحمة الله وبركاته"></TextField> <TextField hint="ادخل رقم الجوال الخاص بك" keyboardType="phone"></TextField> <TextField hint="ادخل كلمة السر" secure="true"></TextField> <Label text="الدرس الحادي عشر 11"></Label> </StackLayout> </Page> الناتج من هنا
  13. بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته ملحقات واجهة المستخدم او UI Component ( كلمة UI هي اختصار لـ user interface ( واجهة المستخم ) ) هي ملحقات اصلي للجهاز مثل الازرار ومستعراض النصوص والحقل النصي تساعد للأدخال والاخراج من والى المستخدم الملحقات في nativescript Button زر Label مستعرض نص TextField حقل نصي للأدخال TextView حقل نصي متعدد الاسطر قابل للتمدد للأدخال SearchBar شريط البحث Switch محول ( مشابه للمفتاح الكهربائي ) للتفعيل او الغاء التفعيل ميزة مثلًا Slider منزلق لتحديد بين عدة قيم Progress شريط التقدم شريط يعرض ما بين قيمتين 0% و 100% ActivityIndicator مؤشر انتظار Image مستعرض صور ListView مستعرض لمصفوفة او لعدة حقول HtmlView مستعرض يعرض ناتج اكواد HTML WebView متصفح لصفحات الانترنت TabView مستعرض علامات تبويب SegmentedBar شريط ازرار متقسمة DatePicker لتحديد تاريخ معين من شريط التاريخ TimePicker لتحديد وقت معين من شريط الوقت ListPicker للتحديد نص من مصفوفة نصوص Dialogs نوافذ منبثقة مثل التنبيهات سوف اقوم بشرحها على دفعات ان شاء الله تقريبًا كل درس سوف يشمل من ملحقين الى 4 ملحقات كا حد اقصى
  14. احذف com.apple.dt.XCode فقط
  15. `اخي قم بحذف محتوى المجلدات التالية ~/Library/Caches /Library/Caches /System/Library/Caches وقم بإعادة تشغيل الجهاز

عالم البرمجة

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