1. مقدمه
این مقاله بخشی از این سریال است: “به سمت صدور گواهینامه توسعه دهنده Vaadin” ، که هدف آن توضیح اصول وادین در حالی است که من برای این گواهینامه مطالعه می کنم. مباحث تحت پوشش در اینجا بخشی جدایی ناپذیر از صدور گواهینامه “توسعه دهنده Vaadin” است.
Vaadin انواع مختلفی از تکنیک های سفارشی سازی را برای تقویت یک ظاهر طراحی شده قطعات ارائه می دهد.
این تکنیک ها از ساده تا پیچیده متغیر است و به توسعه دهندگان انعطاف پذیری را برای انتخاب مناسب ترین روش برای نیازهای خود فراهم می کند.
2. اظهار نظر در مورد موارد “مقیاس یک ظاهر طراحی شده” (مقاله قبلی)
الف انواع تم
بسیاری از مؤلفه های Vaadin باعث تغییر در یک ظاهر طراحی شده می شوند ، که ما آن را “اضافه کردن نوع موضوع” می نامیم. انواع موضوعی معمولاً به عنوان enums جاوا نشان داده می شوند.
مثال:
button.addthemevariants (buttonvariant.lumo_primary)
ب. متغیرهای CSS
استفاده از متغیرهای CSS یک استراتژی است که امکان تعیین مقادیر CSS در متغیرهای جهانی را فراهم می کند و سفارشی سازی را انعطاف پذیر تر می کند. به جای استفاده از مقادیر ثابت ، این متغیرها را می توان در قسمت های مختلف کد استفاده مجدد کرد.
مثال تعریف و استفاده از متغیرهای CSS:
من متغیر تعریف:
html {-app-background-color: #ffffff ؛ }
ii. B.2 با استفاده از متغیر در خواص CSS:
دکمه {مرزی: 1px جامد var (-برنامه-رنگ-رنگ) ؛ }
ج. متغیرهای لومو
Lumo موضوع پیش فرض Vaadin است و بر اساس خواص CSS ساخته شده است. این متغیرهای یک ظاهر طراحی شده جهانی را که به عنوان پیش فرض Vaadin استفاده می شود ، تعریف می کند.
علاوه بر این ، این متغیرها را می توان سفارشی کرد و تغییرات تأثیر جهانی در برنامه خواهد داشت.
نمونه ای از سفارشی سازی متغیرهای LUMO:
html {–lumo-border-radius: 2px ؛ }
3. دامنه های سفارشی سازی در Vaadin
Vaadin سه دامنه اصلی را برای سفارشی سازی سبک ارائه می دهد:
من جهانی: خواصی که بر کل برنامه تأثیر می گذارد.
ii. نوع مؤلفه: متغیرهای جهانی قابل استفاده برای یک نوع مؤلفه خاص.
iii نمونه مؤلفه: تعاریف سبک خاص برای یک نمونه خاص از یک مؤلفه.
4. مثال سفارشی سازی:
من فوری در جاوا:
دکمه ویژه button = دکمه جدید (“من خاص هستم”) ؛
ii. نامگذاری نمونه:
Specialbutton.AddclassName (“ویژه”) ؛
iii سفارشی سازی از طریق CSS:
vaadin-button.special {–lumo-primary-color: cyan ؛ }
5. نتیجه گیری
تکنیک های سفارشی سازی Vaadin چارچوبی قوی برای تقویت یک ظاهر طراحی شده قطعات ارائه می دهد.
با درک و استفاده از این تکنیک ها ، توسعه دهندگان می توانند برنامه های بصری جذاب و کاربردی ایجاد کنند که نیازهای طراحی خاص آنها را برآورده کند.
opss مکالمه ما هنوز انجام نشده است … در مقاله بعدی ما در مورد آن ، شما را در قسمت آخر این موضوع می بینیم.
• سلب مسئولیت
این محتوا از مطالعات و یادداشت های مربوط به گواهینامه Vaadin 24 گرفته شده است. برای جزئیات بیشتر ، لطفاً با مستندات رسمی و مطالب یادگیری برای صدور گواهینامه Vaadin مشورت کنید. ابزارهای هوش مصنوعی در ساختار این محتوا کمک می کنند. با این حال ، نوشتن و محتوای اصلی صرفاً توسط نویسنده انجام می شود.
نویسندگان
Paulo BA یک “توسعه دهنده جاوا” دارای مجوز Oracle و “Spring Certified Professional” با اشتیاق عمیق به جریان Vaadin است. او UIS را با Vaadin ساخته و تلاش می کند تا آن را به عنوان چارچوب پیشرو برای توسعه دهندگان کامل جاوا در سراسر جهان تبدیل کند. او عاشق تدریس ، به اشتراک گذاری دانش و ایجاد محتوا است. در حالی که او از تئوری یادگیری از طریق گواهینامه ها لذت می برد ، همیشه از یک رویکرد عملی حمایت می کند.
• linkedin.com/in/pbalves
• x.com/p_b_alves
• mastodon.social/@pbalves
نویسنده کارکنان: Fábio AP یک علاقه مندان به فناوری ، نویسنده خودآموز و محقق روابط جامعه با فناوری است. او در مورد به اشتراک گذاشتن بینش ، چشم اندازهای قابل توجهی در مورد چگونگی شکل گیری فناوری زندگی ما ارائه می دهد. Fábio با نوشتن واضح و دقیق ، موضوعات پیچیده را ساده می کند و به خوانندگان این امکان را می دهد تا با اعتماد به نفس در عصر دیجیتال حرکت کنند.
• medium.com/@fabioape
