الملحقات (Components): ActivityIndicator و Image

xlmnxpمنذ 6 سنوات

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

مستعرض الصور ( Image ) هو مستعرض صور يقوم بإستعراض الصور بداخلة ( يدعم استعمال صور من رابط خارجي )

ومؤشر انتظار ( ActivityIndicator ) هو عبارة عن علامة تحميل ( Loading ) تعلم المستخدم ان عليه الأنتظار

5981912c8eb16_activityIndicatorPage(1).png.82495cbf542ee46bbf4926397a8d13af.png activityIndicatorPage.png.751722748022afb443d389cbe903bfd5.png

598191382e4c8_imagePage(1).png.6c8d1910bd29c5bc48ad64a074079996.png imagePage.png.93c548643f842f6a7330f7617f45522d.png

خصائص الملحق ActivityIndicator

busy اظهار مؤشر التحميل يقبل قيمتين
true | false

busyChange تشغل دالة عند تغيير قيمة busy

color لون المؤشر

خصائص الملحق Image

src مصدر الصورة
اما برابط محلي مثل
"~/3alampro/logo.png"
او برابط من مجلد resources مثل
"res://3alampro/logo"
او رابط خارجي مثل
"https://3alam.pro/img/site/logo/[email protected]"

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="https://3alam.pro/img/site/logo/[email protected]" width="240" height="120" />
        <ActivityIndicator busy="true" color="gray" />
    </StackLayout>
</Page>

الناتج

599207099c99a_imageactivityIndicator.gif.549452868c7b80b6609ef312723986e0.gif

أعجبني تابع شارك الدرس

المحاضر

xlmnxp

تابعني

محتوى الدورة

البداية
1	مدخل الى nativescript
2	تثبيت nativescript cli على جهازك
3	بناء اول مشروع لك بواسطة NativeScript
التخطيطات ( Layouts )
1	مدخل الى التخطيطات ( Layouts ) في NativeScript
2	التخطيط العائم ( AbsoluteLayout )
3	التخطيط الرصيفي ( DockLayout )
4	التخطيط الشبكي ( GridLayout )
5	التخطيط المكدس ( StackLayout )
6	التخطيط الدوراني ( WrapLayout )
7	التخطيط المرن ( FlexboxLayout )
ملحقات واجهة المستخدم ( UI Components )
1	مدخل الى ملحقات الواجهة ( UI Components ) في NativeScript
2	الملحقات (Components): Label و Button و TextView و TextField
3	الملحقات (Components): SearchBar و Switch
4	الملحقات (Components): Progress و Slider
5	الملحقات (Components): ActivityIndicator و Image الدرس الحالي
6	الملحقات (Components): ListView و HtmlView و WebView
7	الملحقات (Components): TabView و SegmentedBar
8	الملحقات (Components): DatePicker و TimePicker و ListPicker
9	الملحق ( Component ): Dialogs