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

xlmnxpمنذ 6 سنوات

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

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

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

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

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

598191382e4c8_imagePage(1).png.6c8d1910bd29c5bc48ad64a074079996.pngimagePage.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>

الناتج

59ae20e5ba6c9_exampleinplayground.png.e2f46755a9b4f138571c62a9243c250f.png

 

599207099c99a_imageactivityIndicator.gif.549452868c7b80b6609ef312723986e0.gif

 

التعليقات (0)

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !