الگوی طرح بندی

  • 2021-12-29

SyncSign از "سند رندر" ایجاد شده از "الگوی طرح" برای ارائه محتوای صفحه استفاده می کند.

در اینجا نمونه ای از الگوی طرح بندی آورده شده است:

این الگوی طرح به شرح زیر تصویری را روی صفحه ایجاد می کند:

../_images/render_result.png

الگوی طرح شامل:

وضعیت (اگر منبع داده تقویم باشد ، در غیر این صورت اختیاری است)

پس زمینه (اگر نمی خواهید محتوای موجود را جایگزین کنید)

موارد (اجباری)

قالب json قالب:

مثال پس زمینه

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

../_images/render_background.png

موارد مثال

بخش موارد شامل یک یا چند مورد است که هر یک برای ارائه متن ، تصویر و غیره استفاده می شود.

در مثال بالا ، دو بخش متن تعریف شده است.

این JSON یک "بلوک مستطیل" را تعریف می کند که در آن یک رشته متنی پر شده است.

../_images/render_text.png

بخش پس زمینه

یک نمونه متوسط شامل:

پارامتر

گزینه

شرح

رنگ پس زمینه صفحه (پیش فرض = سفید)

منطقه دکمه نمایش (پیش فرض = غلط)

عرض مرزی/پیکسل (پیش فرض = 0)

رنگ مرزی (پیش فرض = سیاه)

بلوک های مستطیل شکل پر رنگ (پیش فرض = سفید)

آبسیسا در گوشه سمت چپ بالای بلوک مستطیل به عنوان درصد از کل عرض.(پیش فرض = 0)

مرتبه در گوشه سمت چپ بالای بلوک مستطیل به عنوان درصد از عرض کل.(پیش فرض = 0)

عرض یک بلوک مستطیل به عنوان درصد از کل عرض.(پیش فرض = 0)

ارتفاع بلوک مستطیل به عنوان درصدی از عرض کل.(پیش فرض = 0)

پشتیبانی از V1. 25

پارامتر

گزینه

شرح

رنگ شفاف (پیش فرض = مات)

الگوی مرزی (پیش فرض = جامد)

الگوی بلوک های مستطیل را پر کنید (پیش فرض = هیچ)

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

To upload an image on to the display node: Open Hub’s Web Portal, Click [Update Info on Displays] -> [Update] ->[بارگذاری یک تصویر]

بخش موارد

متن: قلم و موقعیت را برای متن یا نمادها تعریف کنید.

تصویر: نام و موقعیت یک تصویر را تعریف کنید.

مستطیل: اندازه ، قرارگیری و رنگ بلوک های مستطیل را تعریف کنید.

QRCode: اندازه و موقعیت کد QR را تعریف کنید.

bottom_custom_buttons: زیرنویس ها و سبک ها را برای دکمه تعریف کنید.

BITMAP_URI: URI و موقعیت یک تصویر را تعریف کنید.

پشتیبانی از V1. 25

خط: رنگ و طول خطوط را تعریف کنید.

دایره: رنگ ، قرارگیری و شعاع دایره را تعریف کنید.

پارامتر

گزینه

شرح

رشته برای نمایش ، یا رمزگذاری یونیکد از نماد.(به عنوان مثال ، UF577)

تجزیه با JSON.

رنگ قلم (پیش فرض = سیاه)

رنگ پس زمینه متن (پیش فرض = سفید)

نام قلم (پیش فرض = yanone_kaffeesatz_44_b)

تراز (پیش فرض = سمت چپ)

فاصله خط (پیش فرض = 2)

آبسیسا در گوشه بالا سمت چپ منطقه متن.

مرتبه در گوشه بالا سمت چپ منطقه متن.

عرض منطقه متن

ارتفاع منطقه متن

پیکسل ها به صورت افقی جبران می شوند (پیش فرض = 0 ، دامنه = [-128.. 127])

پیکسل ها بر روی عمودی (پیش فرض = 0 ، دامنه = [-128.. 127])

پشتیبانی از V1. 25

پارامتر

گزینه

شرح

رنگ شفاف (پیش فرض = مات)

BOTTOM_CUSTOM_BUTTONS¶

پارامتر

گزینه

شرح

عنوان نمایش داده شده بر روی دکمه ، 17 شخصیت انگلیسی یا 7 کاراکتر چینی حداکثر

سبک دکمه با پس زمینه سیاه و مرز سیاه.

سبک دکمه با پس زمینه سفید و مرز سیاه.

سبک دکمه با پس زمینه سفید و مرز سفید.

تصویر

پارامتر

گزینه

شرح

تصویر آرم از طریق برنامه SyncSign تنظیم شده است ، در این صورت "data. name" باید "logo. bin" باشد و W ، H باید 96. 96 باشد.

تصویر از طریق پورتال هاب بارگذاری شده است.

نام پرونده آرم.(در صورتی که منبع build_in باشد ، باید از "logo. bin" استفاده کند)

آبسیسا در گوشه بالا سمت چپ منطقه تصویر.

مرتبه در گوشه بالا سمت چپ منطقه تصویر.

عرض منطقه تصویر (باید چند برابر از 8 باشد)

ارتفاع منطقه تصویر

پشتیبانی از V1. 25

پارامتر

گزینه

شرح

رنگ شفاف (پیش فرض = مات)

bitmap_uri¶

پارامتر

گزینه

شرح

رنگ پس زمینه (پیش فرض = سفید)

رنگ پیش زمینه (پیش فرض = سیاه)

رنگ شفاف (پیش فرض = مات)

URL تصویر.

آبسیسا در گوشه بالا سمت چپ بلوک مستطیل شکل.

مرتبه در گوشه بالا سمت چپ بلوک مستطیل شکل.

عرض یک بلوک مستطیل.

ارتفاع یک بلوک مستطیل شکل.

با توجه به محدودیت اندازه دیسک داخلی ، تمام گواهینامه های Root SSL ساخته نشده اند. بنابراین ، برخی از URI Image با طرح HTTPS شروع نمی شود ، لطفاً به جای آن از HTTP استفاده کنید. اگر به یک انتقال ایمن نیاز دارید ، لطفاً برای افزودن گواهینامه های ریشه ، به http: /// تنظیم/گواهینامه ها مراجعه کنید.

صفحه نمایش فعال شده Wi-Fi (به عنوان مثال مدل 7. 5 اینچی) برای بارگیری تصویر به Wi-Fi متصل می شود و لطفاً مطمئن شوید که شبکه Wi-Fi در دسترس است. پردازش تصویر حدود 30 ثانیه طول می کشد. در مورد مدل دیگر (2. 9 اینچ ، 4. 2 اینچ) بدون داخلی Wi-Fi ، هاب تصویر را بارگیری کرده و آن را از طریق شبکه Zigbee به نمایشگرها منتقل می کند و ممکن است 3-5 دقیقه طول بکشد.

هاب یا صفحه نمایش در اولین بار URL Bitmap را واکشی می کند و آن را ذخیره می کند. بنابراین دفعه دیگر URL را دوباره تحقق نمی بخشد. اگر می خواهید از محتوای جدید تصویر استفاده کنید ، لطفاً نام/URL را تغییر دهید ، یا به سادگی از سبک "abc. bmp؟ v = 2" استفاده کنید.

چگونه می توان تصویری حاوی سیاه و قرمز را به روز کرد؟

برای ساخت دو تصویر BMP تک رنگ ، باید قرمز و سیاه را در تصویر جدا کنید و سپس تصاویر را به شرح زیر نمایش دهید.< SPAN> صفحه نمایش فعال شده Wi-Fi (به عنوان مثال مدل 7. 5 اینچی) برای بارگیری تصویر به Wi-Fi وصل می شود و لطفاً مطمئن شوید که شبکه Wi-Fi در دسترس است. پردازش تصویر حدود 30 ثانیه طول می کشد. در مورد مدل دیگر (2. 9 اینچ ، 4. 2 اینچ) بدون داخلی Wi-Fi ، هاب تصویر را بارگیری کرده و آن را از طریق شبکه Zigbee به نمایشگرها منتقل می کند و ممکن است 3-5 دقیقه طول بکشد.

ثبت دیدگاه

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