Hola Folks… در این اولین مقاله ارسال شده توسط من، ما یاد خواهیم گرفت که چگونه از تصاویر برداری (SVG) موجود در اینترنت یا به صورت محلی در Power Apps خود به همراه آموزش جایگزینی تصاویر موجود به وکتور استفاده کنیم.
هر زمان که ما یک وب سایت را توسعه می دهیم یا هر صفحه وب را طراحی می کنیم، تصاویری را در آنها اضافه می کنیم تا فاکتور UI را در آنها افزایش دهیم. اما در نظر بگیرید که از این تصویر به عنوان یک لوگو یا هر نمادی استفاده میکنید، و تصویر شما خیلی کوچک است، پس از بزرگنمایی، تحریف میشود. برای غلبه بر این مشکل، ما معمولاً از تصاویر Vector (SVG) استفاده می کنیم که معمولاً پیکسل ها را حتی در زمان بزرگنمایی حفظ می کنند و بنابراین از اعوجاج جلوگیری می کنند.
با بازگشت به Power Apps، در حین توسعه برنامه در Power Apps، ما معمولاً از کنترل "تصویر" برای درج هر تصویری مانند زیر استفاده می کنیم و معمولاً فایل تصویر را برای استفاده بیشتر از تصویر در گالری Power Apps اضافه می کنیم.
اکنون، اگر تصویر را در برنامه خود زوم کنیم، مانند زیر، تحریف می شود (نوعی تار).
برای جلوگیری از این امر، گزینه جایگزین استفاده از تصویر برداری است که قابلیت تصویر با وضوح بالا را با بزرگنمایی تصویر حفظ می کند. بنابراین، بیایید نحوه استفاده از تصویر برداری را در Power Apps ببینیم.
مرحله 1 - تصویر خود را شناسایی کنید
هر تصویر برداری را به صورت آنلاین جستجو کنید یا می توانید آن را در سیستم محلی خود نیز داشته باشید. قالب تصویر برداری همیشه در «.svg» است، مانند «panda.svg»، «icon53.svg» و غیره.
مرحله 2 - آن را به فرمت base64 تبدیل کنید
مرحله بعدی تبدیل svg به فرمت base64 است. سایت های زیادی وجود دارد، اما من سایت Base64Guru را ترجیح می دهم . براساس در دسترس بودن منبع فایل خود، "فایل محلی" یا "url راه دور" را انتخاب کنید. سپس، در فرمت خروجی، «Data URI — data:content/type;base64» را انتخاب کنید و دکمه «Encode SVG to Base64» را بزنید. URI داده تولید شده در بخش «Base 64» را کپی کنید.
مرحله 3 - محتوای URI داده را در کنترل تصویر Power Apps جایگذاری کنید
محتوای کپی شده از URI داده را در ویژگی «Image» کنترل «Image» در Power Apps جایگذاری کنید.
و یکنوع بازی شبیه لوتو!!! حتی زمانی که بزرگنمایی میشود، میتوانید با تصویر برداری با وضوح بالا بروید.
به این ترتیب، می توانید هر URI داده تصویر برداری را در کنترل تصویر جایگذاری کنید و تصاویری با وضوح بالا برای برنامه خود دریافت کنید. حتی می توانید از فرمت URI داده هر تصویر دیگری استفاده کنید و به جای آپلود مستقیم از برنامه ها، از آن در کنترل تصویر استفاده کنید.
امیدوارم این نکته را دوست داشته باشید که در توسعه و طراحی Power Apps شما بسیار مفید باشد.
تخصیص تصویر: پاندا در حال تمرین با نماد دمبل در IconScout است