یک گالری برای نشان دادن تصاویر و متن در مورد چندین محصول ایجاد کنید و آن اطلاعات را مرتب و فیلتر کنید.
در برنامه های برق ، می توانید از یک گالری برای نمایش چندین مورد مرتبط استفاده کنید ، دقیقاً همانطور که در یک کاتالوگ مشاهده می کنید. گالری ها برای نشان دادن اطلاعات در مورد محصولات ، مانند نام و قیمت بسیار عالی هستند. در این موضوع ، ما یک گالری ایجاد می کنیم و اطلاعات را با استفاده از توابع مانند اکسل مرتب و فیلتر می کنیم. همچنین ، هنگامی که یک مورد انتخاب می شود ، یک مرز در اطراف مورد قرار می گیرد.
این موضوع از یک برنامه تبلت استفاده می کند. می توانید از یک برنامه تلفن استفاده کنید اما باید برخی از کنترل ها را تغییر اندازه دهید.
پیش نیازها
-
برای برنامه های برق ، و سپس با استفاده از همان اعتبارنامه ای که برای ثبت نام استفاده کرده اید وارد شوید.
- یک برنامه رایانه لوحی را از یک الگوی ، از داده یا از ابتدا ایجاد کنید.
- نحوه پیکربندی یک کنترل را بیاموزید.
- این مراحل از CreateFirstapp به عنوان داده های ورودی نمونه استفاده می کنند ، که شامل تصاویر . jpg است. پرونده ZIP شامل یک فایل XML است که می تواند به اکسل تبدیل شود. در غیر این صورت ، برنامه های برق به طور خودکار پرونده ها را در پرونده های . zip می خوانند و با موفقیت آن را وارد می کنند. می توانید این داده های نمونه را بارگیری و استفاده کنید ، یا خود را وارد کنید.
داده ها را در یک گالری نمایش دهید
مجموعه ای به نام موجودی را با استفاده از داده های نمونه ایجاد کنید. مراحل شامل:
در برگه Insert ، Controls را انتخاب کنید و سپس واردات را انتخاب کنید:
ویژگی OnSelect کنترل واردات را روی فرمول زیر تنظیم کنید: جمع آوری (موجودی ، Import1. Data)
دکمه Import Data را برای باز کردن Windows Explorer انتخاب کنید. Createfirstapp. zip را انتخاب کنید و Open را انتخاب کنید.
در منوی پرونده ، مجموعه ها را انتخاب کنید. مجموعه موجودی با داده هایی که وارد کرده اید ذکر شده است:
شما به تازگی مجموعه موجودی را ایجاد کرده اید ، که حاوی اطلاعاتی در مورد پنج محصول از جمله یک تصویر طراحی ، نام محصول و تعداد واحدهای موجود در انبار است.
از کنترل واردات برای وارد کردن داده های مانند اکسل و ایجاد مجموعه استفاده می شود. کنترل واردات هنگام ایجاد برنامه خود ، داده ها را وارد می کند و برنامه خود را پیش نمایش می دهد. در حال حاضر ، کنترل واردات هنگام انتشار برنامه خود داده ها را وارد نمی کند.
برای بازگشت به طراح ، فلش پشت را انتخاب کنید.
در برگه Insert ، روی گالری کلیک کرده یا ضربه بزنید ، و سپس روی گالری افقی کلیک کرده یا ضربه بزنید.
در صفحه سمت راست ، روی گزینه ای که عنوان و زیرنویس در آن گرافیک را پوشش می دهد ، کلیک کنید یا ضربه بزنید:
موارد موجود در گالری را روی موجودی تنظیم کنید:
گالری را به ProductGallery تغییر نام دهید و گالری را جابجا کنید تا کنترل های دیگر را مسدود نکند. تغییر اندازه گالری بنابراین سه محصول را نشان می دهد:
در اولین مورد گالری ، برچسب پایین را انتخاب کنید:
وقتی اولین مورد را در هر گالری تغییر می دهید ، به طور خودکار تمام موارد دیگر موجود در گالری را تغییر می دهید.
ویژگی متن برچسب را روی عبارت زیر تنظیم کنید: thisitem. unitsinstock
هنگامی که این کار را انجام می دهید ، برچسب واحدهای موجود در هر محصول را نشان می دهد:
به طور پیش فرض ، ویژگی متن برچسب برتر روی thisitem. productname تنظیم شده است. می توانید آن را به هر مورد دیگری در مجموعه خود تغییر دهید. به عنوان مثال ، اگر مجموعه شما دارای زمینه های ProductDescription یا Price است ، می توانید برچسب را روی thisitem. productdescription یا thisitem. price تنظیم کنید.
با استفاده از این مراحل ، داده هایی را وارد کرده اید که شامل تصاویر . jpg در یک مجموعه است. سپس گالری را اضافه کردید که داده ها را نشان می دهد و یک برچسب را پیکربندی می کند تا واحدهای موجود در انبار را برای هر محصول نشان دهد.
مورد گالری را انتخاب کنید
به جز مورد اول ، هر مورد را در گالری انتخاب کنید. نماد ویرایش (گوشه سمت چپ فوقانی) نمایش داده می شود. نماد ویرایش را انتخاب کنید:
در برگه درج ، شکل ها را انتخاب کرده و سپس مستطیل را انتخاب کنید. یک مستطیل جامد آبی در هر مورد گالری ظاهر می شود.
در برگه Home ، Fill را انتخاب کنید و سپس No Fill را انتخاب کنید.
Border را انتخاب کنید ، Border Style را انتخاب کنید و سپس خط جامد را انتخاب کنید.
مرز را دوباره انتخاب کنید و ضخامت را روی 3 تنظیم کنید. مستطیل را تغییر دهید تا مورد گالری را احاطه کند. موارد موجود در گالری شما اکنون یک مرز آبی دارند و باید شبیه به موارد زیر باشند:
در برگه شکل ، قابل مشاهده را انتخاب کرده و سپس فرمول زیر را در نوار فرمول وارد کنید:
if (thisitem. isselected ، true)
یک مستطیل آبی انتخاب فعلی را در یک گالری احاطه کرده است. چند مورد گالری را انتخاب کنید تا تأیید کنید که مستطیل در اطراف هر موردی که انتخاب می کنید ظاهر می شود. به یاد داشته باشید ، همچنین می توانید پیش نمایش را برای دیدن و آزمایش آنچه ایجاد می کنید باز کنید.
مستطیل را انتخاب کنید ، Reorder را در برگه Home انتخاب کنید و سپس Send to Back را انتخاب کنید. با استفاده از این ویژگی ، می توانید یک مورد گالری را انتخاب کنید بدون اینکه مرز مسدود کند.
با استفاده از این مراحل ، یک مرز در اطراف انتخاب فعلی در گالری اضافه کردید.
موارد را در گالری مرتب و فیلتر کنید
در این مراحل ، ما قصد داریم موارد گالری را به ترتیب صعودی و نزولی مرتب کنیم. همچنین ، ما یک کنترل کشویی را به موارد گالری "فیلتر" توسط واحدهای موجود در موجودی که انتخاب می کنید اضافه خواهیم کرد.
مرتب سازی به ترتیب صعودی یا نزولی
به جز مورد اول ، هر مورد را در گالری انتخاب کنید.
در حال حاضر ویژگی موارد موجود در موجودی (نام مجموعه شما) تنظیم شده است. آن را به موارد زیر تغییر دهید:
مرتب سازی (موجودی ، نام محصول)
هنگامی که این کار را انجام می دهید ، موارد موجود در گالری با نام محصول به ترتیب صعودی طبقه بندی می شوند:
سفارش نزولی را امتحان کنید. ویژگی های موارد گالری را روی فرمول زیر تنظیم کنید:
مرتب سازی (موجودی ، نام محصول ، نزولی)
یک کنترل کشویی و موارد فیلتر را در گالری اضافه کنید
Add a Slider control ( Insert tab >کنترل) ، آن را به StockFilter تغییر نام دهید و آن را در زیر گالری جابجا کنید.
کشویی را پیکربندی کنید تا کاربران نتوانند آن را روی مقداری خارج از محدوده واحدهای موجود قرار دهند:
- در برگه محتوا ، Min را انتخاب کنید و سپس عبارت زیر را وارد کنید: MIN (موجودی ، UnitSinstock)
- در برگه محتوا ، Max را انتخاب کرده و سپس عبارت زیر را وارد کنید: MAX (موجودی ، UnitSinstock)
به جز مورد اول ، هر مورد را در گالری انتخاب کنید. ویژگی های موارد گالری را روی عبارت زیر تنظیم کنید: فیلتر (موجودی ، UnitSinstock<=StockFilter.Value)
در پیش نمایش ، کشویی را بر روی مقداری که بین بالاترین و کمترین مقدار در گالری است تنظیم کنید. همانطور که کشویی را تنظیم می کنید ، گالری فقط آن دسته از محصولات را نشان می دهد که کمتر از ارزش انتخابی شما هستند:
حال ، بیایید به فیلتر ما اضافه کنیم:
- به طراح برگردید.
- در برگه Insert ، متن را انتخاب کنید ، متن را انتخاب کنید و کنترل جدید را به NameFilter تغییر دهید. کنترل متن را در زیر کشویی حرکت دهید.
- ویژگی های موارد گالری را روی عبارت زیر تنظیم کنید: فیلتر (موجودی ، UnitSinstock
- در پیش نمایش ، کشویی را روی 30 تنظیم کرده و حرف G را در کنترل متن وارد کنید. این گالری تنها محصولی را با کمتر از 30 واحد موجود در انبار نشان می دهد و نامی با حرف "G" دارد:
نکات و ترفندها
- در هر زمان ، می توانید دکمه پیش نمایش () را انتخاب کنید تا ببینید چه چیزی ایجاد کرده اید و آن را آزمایش می کنید.
- هنگام طراحی برنامه خود ، می توانید کنترل ها را مجدداً اندازه بگیرید و آنها را با استفاده از کلیک و کشیدن حرکت دهید.
- ESC را فشار دهید یا X را انتخاب کنید تا پنجره Preview را ببندید.
- هنگام استفاده از گالری ، اولین مورد را در گالری انتخاب کنید تا همه موارد موجود در گالری را تغییر دهید. به عنوان مثال ، اولین مورد را برای اضافه کردن مرز به همه موارد موجود در گالری انتخاب کنید.
- برای به روزرسانی خصوصیات گالری ، هر مورد را در گالری به جز مورد اول انتخاب کنید. به عنوان مثال ، مورد دوم را برای به روزرسانی موارد ، ShowsCrollBar و سایر خصوصیات مورد استفاده در گالری انتخاب کنید (نه موارد موجود در گالری).