داده ها را در یک گالری برنامه بوم نمایش ، مرتب سازی و فیلتر کنید

  • 2021-05-28

یک گالری برای نشان دادن تصاویر و متن در مورد چندین محصول ایجاد کنید و آن اطلاعات را مرتب و فیلتر کنید.

در برنامه های برق ، می توانید از یک گالری برای نمایش چندین مورد مرتبط استفاده کنید ، دقیقاً همانطور که در یک کاتالوگ مشاهده می کنید. گالری ها برای نشان دادن اطلاعات در مورد محصولات ، مانند نام و قیمت بسیار عالی هستند. در این موضوع ، ما یک گالری ایجاد می کنیم و اطلاعات را با استفاده از توابع مانند اکسل مرتب و فیلتر می کنیم. همچنین ، هنگامی که یک مورد انتخاب می شود ، یک مرز در اطراف مورد قرار می گیرد.

این موضوع از یک برنامه تبلت استفاده می کند. می توانید از یک برنامه تلفن استفاده کنید اما باید برخی از کنترل ها را تغییر اندازه دهید.

پیش نیازها

    برای برنامه های برق ، و سپس با استفاده از همان اعتبارنامه ای که برای ثبت نام استفاده کرده اید وارد شوید.
  • یک برنامه رایانه لوحی را از یک الگوی ، از داده یا از ابتدا ایجاد کنید.
  • نحوه پیکربندی یک کنترل را بیاموزید.
  • این مراحل از CreateFirstapp به عنوان داده های ورودی نمونه استفاده می کنند ، که شامل تصاویر . jpg است. پرونده ZIP شامل یک فایل XML است که می تواند به اکسل تبدیل شود. در غیر این صورت ، برنامه های برق به طور خودکار پرونده ها را در پرونده های . zip می خوانند و با موفقیت آن را وارد می کنند. می توانید این داده های نمونه را بارگیری و استفاده کنید ، یا خود را وارد کنید.

داده ها را در یک گالری نمایش دهید

مجموعه ای به نام موجودی را با استفاده از داده های نمونه ایجاد کنید. مراحل شامل:

در برگه Insert ، Controls را انتخاب کنید و سپس واردات را انتخاب کنید:

Insert control

ویژگی OnSelect کنترل واردات را روی فرمول زیر تنظیم کنید: جمع آوری (موجودی ، Import1. Data)

OnSelect property

دکمه Import Data را برای باز کردن Windows Explorer انتخاب کنید. Createfirstapp. zip را انتخاب کنید و Open را انتخاب کنید.

در منوی پرونده ، مجموعه ها را انتخاب کنید. مجموعه موجودی با داده هایی که وارد کرده اید ذکر شده است:

File - collections

شما به تازگی مجموعه موجودی را ایجاد کرده اید ، که حاوی اطلاعاتی در مورد پنج محصول از جمله یک تصویر طراحی ، نام محصول و تعداد واحدهای موجود در انبار است.

از کنترل واردات برای وارد کردن داده های مانند اکسل و ایجاد مجموعه استفاده می شود. کنترل واردات هنگام ایجاد برنامه خود ، داده ها را وارد می کند و برنامه خود را پیش نمایش می دهد. در حال حاضر ، کنترل واردات هنگام انتشار برنامه خود داده ها را وارد نمی کند.

برای بازگشت به طراح ، فلش پشت را انتخاب کنید.

در برگه Insert ، روی گالری کلیک کرده یا ضربه بزنید ، و سپس روی گالری افقی کلیک کرده یا ضربه بزنید.

Gallery - horizontal

در صفحه سمت راست ، روی گزینه ای که عنوان و زیرنویس در آن گرافیک را پوشش می دهد ، کلیک کنید یا ضربه بزنید:

Layout

موارد موجود در گالری را روی موجودی تنظیم کنید:

Gallery layout

گالری را به ProductGallery تغییر نام دهید و گالری را جابجا کنید تا کنترل های دیگر را مسدود نکند. تغییر اندازه گالری بنابراین سه محصول را نشان می دهد:

Rename gallery

در اولین مورد گالری ، برچسب پایین را انتخاب کنید:

App with gallery

وقتی اولین مورد را در هر گالری تغییر می دهید ، به طور خودکار تمام موارد دیگر موجود در گالری را تغییر می دهید.

ویژگی متن برچسب را روی عبارت زیر تنظیم کنید: thisitem. unitsinstock

هنگامی که این کار را انجام می دهید ، برچسب واحدهای موجود در هر محصول را نشان می دهد:

Stock of each product

به طور پیش فرض ، ویژگی متن برچسب برتر روی thisitem. productname تنظیم شده است. می توانید آن را به هر مورد دیگری در مجموعه خود تغییر دهید. به عنوان مثال ، اگر مجموعه شما دارای زمینه های ProductDescription یا Price است ، می توانید برچسب را روی thisitem. productdescription یا thisitem. price تنظیم کنید.

با استفاده از این مراحل ، داده هایی را وارد کرده اید که شامل تصاویر . jpg در یک مجموعه است. سپس گالری را اضافه کردید که داده ها را نشان می دهد و یک برچسب را پیکربندی می کند تا واحدهای موجود در انبار را برای هر محصول نشان دهد.

مورد گالری را انتخاب کنید

Edit

به جز مورد اول ، هر مورد را در گالری انتخاب کنید. نماد ویرایش (گوشه سمت چپ فوقانی) نمایش داده می شود. نماد ویرایش را انتخاب کنید:

در برگه درج ، شکل ها را انتخاب کرده و سپس مستطیل را انتخاب کنید. یک مستطیل جامد آبی در هر مورد گالری ظاهر می شود.

در برگه Home ، Fill را انتخاب کنید و سپس No Fill را انتخاب کنید.

Border را انتخاب کنید ، Border Style را انتخاب کنید و سپس خط جامد را انتخاب کنید.

Select border

مرز را دوباره انتخاب کنید و ضخامت را روی 3 تنظیم کنید. مستطیل را تغییر دهید تا مورد گالری را احاطه کند. موارد موجود در گالری شما اکنون یک مرز آبی دارند و باید شبیه به موارد زیر باشند:

در برگه شکل ، قابل مشاهده را انتخاب کرده و سپس فرمول زیر را در نوار فرمول وارد کنید:

if (thisitem. isselected ، true)

Preview button

یک مستطیل آبی انتخاب فعلی را در یک گالری احاطه کرده است. چند مورد گالری را انتخاب کنید تا تأیید کنید که مستطیل در اطراف هر موردی که انتخاب می کنید ظاهر می شود. به یاد داشته باشید ، همچنین می توانید پیش نمایش را برای دیدن و آزمایش آنچه ایجاد می کنید باز کنید.

مستطیل را انتخاب کنید ، Reorder را در برگه Home انتخاب کنید و سپس Send to Back را انتخاب کنید. با استفاده از این ویژگی ، می توانید یک مورد گالری را انتخاب کنید بدون اینکه مرز مسدود کند.

با استفاده از این مراحل ، یک مرز در اطراف انتخاب فعلی در گالری اضافه کردید.

موارد را در گالری مرتب و فیلتر کنید

در این مراحل ، ما قصد داریم موارد گالری را به ترتیب صعودی و نزولی مرتب کنیم. همچنین ، ما یک کنترل کشویی را به موارد گالری "فیلتر" توسط واحدهای موجود در موجودی که انتخاب می کنید اضافه خواهیم کرد.

مرتب سازی به ترتیب صعودی یا نزولی

به جز مورد اول ، هر مورد را در گالری انتخاب کنید.

در حال حاضر ویژگی موارد موجود در موجودی (نام مجموعه شما) تنظیم شده است. آن را به موارد زیر تغییر دهید:

مرتب سازی (موجودی ، نام محصول)

Gallery sorted

هنگامی که این کار را انجام می دهید ، موارد موجود در گالری با نام محصول به ترتیب صعودی طبقه بندی می شوند:

سفارش نزولی را امتحان کنید. ویژگی های موارد گالری را روی فرمول زیر تنظیم کنید:

مرتب سازی (موجودی ، نام محصول ، نزولی)

یک کنترل کشویی و موارد فیلتر را در گالری اضافه کنید

Add a Slider control ( Insert tab >کنترل) ، آن را به StockFilter تغییر نام دهید و آن را در زیر گالری جابجا کنید.

کشویی را پیکربندی کنید تا کاربران نتوانند آن را روی مقداری خارج از محدوده واحدهای موجود قرار دهند:

  1. در برگه محتوا ، Min را انتخاب کنید و سپس عبارت زیر را وارد کنید: MIN (موجودی ، UnitSinstock)
  2. در برگه محتوا ، Max را انتخاب کرده و سپس عبارت زیر را وارد کنید: MAX (موجودی ، UnitSinstock)

به جز مورد اول ، هر مورد را در گالری انتخاب کنید. ویژگی های موارد گالری را روی عبارت زیر تنظیم کنید: فیلتر (موجودی ، UnitSinstock<=StockFilter.Value)

Preview gallery with slider value

در پیش نمایش ، کشویی را بر روی مقداری که بین بالاترین و کمترین مقدار در گالری است تنظیم کنید. همانطور که کشویی را تنظیم می کنید ، گالری فقط آن دسته از محصولات را نشان می دهد که کمتر از ارزش انتخابی شما هستند:

حال ، بیایید به فیلتر ما اضافه کنیم:

Preview slider with 30

  1. به طراح برگردید.
  2. در برگه Insert ، متن را انتخاب کنید ، متن را انتخاب کنید و کنترل جدید را به NameFilter تغییر دهید. کنترل متن را در زیر کشویی حرکت دهید.
  3. ویژگی های موارد گالری را روی عبارت زیر تنظیم کنید: فیلتر (موجودی ، UnitSinstock
  4. در پیش نمایش ، کشویی را روی 30 تنظیم کرده و حرف G را در کنترل متن وارد کنید. این گالری تنها محصولی را با کمتر از 30 واحد موجود در انبار نشان می دهد و نامی با حرف "G" دارد:

نکات و ترفندها

Preview button image

  • در هر زمان ، می توانید دکمه پیش نمایش () را انتخاب کنید تا ببینید چه چیزی ایجاد کرده اید و آن را آزمایش می کنید.
  • هنگام طراحی برنامه خود ، می توانید کنترل ها را مجدداً اندازه بگیرید و آنها را با استفاده از کلیک و کشیدن حرکت دهید.
  • ESC را فشار دهید یا X را انتخاب کنید تا پنجره Preview را ببندید.
  • هنگام استفاده از گالری ، اولین مورد را در گالری انتخاب کنید تا همه موارد موجود در گالری را تغییر دهید. به عنوان مثال ، اولین مورد را برای اضافه کردن مرز به همه موارد موجود در گالری انتخاب کنید.
  • برای به روزرسانی خصوصیات گالری ، هر مورد را در گالری به جز مورد اول انتخاب کنید. به عنوان مثال ، مورد دوم را برای به روزرسانی موارد ، ShowsCrollBar و سایر خصوصیات مورد استفاده در گالری انتخاب کنید (نه موارد موجود در گالری).

ثبت دیدگاه

مجموع دیدگاهها : 0در انتظار بررسی : 0انتشار یافته : ۰
قوانین ارسال دیدگاه
  • دیدگاه های ارسال شده توسط شما، پس از تایید توسط تیم مدیریت در وب منتشر خواهد شد.
  • پیام هایی که حاوی تهمت یا افترا باشد منتشر نخواهد شد.
  • پیام هایی که به غیر از زبان فارسی یا غیر مرتبط باشد منتشر نخواهد شد.