آموزش shape در اندروید استودیو

تا به حال شده به این فکر کنیم که با ترکیب تصاویر برنامه جذابتری داشته باشید استفاده

از تصاویر میتونه یه راه حل باشه ولی اینکار باعث افزایش حجم برنامه میشه.

امروز در هیروتک میخوایم آموزش shape در اندروید رو خدمتتون ارائه بدهیم.

شیپ

شیپ

 

چرا باید از shape drawable استفاده کنیم:

هنگامی که میخواهید از تصاویر PNG یا JPEG در برنامه خود استفاده کنید باید برای دکمه ها و ویو های مختلف

چندین نسخه از همان تصویر را برای تراکم صفحه نمایش مختلف تهیه کنید که این البته برنامه شما را با کپی

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

میتوانیم چندین بار از یک شیپ در برنامه استفاده کنیم و آنرا بطور دلخواه دستکاری و تغییر دهیم.

خب بریم سراغ برنامه نویسی و مثال های مختلف از shape:

روی فولدر drawable کلیک راست کنید و مراحل زیر را دنبال کنید

 res/drawable > New > Drawable resource file > give your file a name > use shape as a root element > click Ok

اولین نمونه از shape در اندروید

آشنایی با بر خی ویژگیهای shape:

۱٫)نوع شکل 

شما میتوانید نوع شکل را با کد زیر مشخص نمایید بعنوان مثال نوع شکل در کد زیر بیضی است.

۲) گوشه های گرد

از آنجا که شکل ما یک مستطیل است، می توانیم گوشه های مستطیل را دور بزنیم. شما می توانید آن را در داخل برچسب گوشه انجام دهید. شما می توانید شعاع برای تمام گوشه ها را با استفاده از اندیشه: شعاع مشخص کنید . به عنوان مثال:

 

۳٫) گرادیان یا رنگ ترکیبی

اگر می خواهید از یک رنگ ترکیبی استفاده کنید، باید از یک برچسب جامد استفاده کنید و سپس داخل آن برچسب می توانید رنگ را با استفاده از android: color مشخص کنید.

تمام ویژگی های گرادیان باید در یک برچسب گرادیان باشند. شما می توانید شروع، محاسبه و پایان رنگ خود را با استفاده از android: startColor ، android: centerColor android: endColor را مشخص کنید . به عنوان مثال:

به عنوان مثال:

 

اگر نوع گرادیان را مشخص نکنید، خطی پیش فرض انتخاب می شود. انواع دیگر شعاعی و جاروب می شوند. در اینجا چگونگی مشخص کردن نوع شیب:

شما حتی می توانید زاویه شیب را تغییر دهید. برای مثال، اگر شما می خواهید شیب خود را از پایین سمت چپ به بالا سمت چپ، شما باید زاویه خود را به android: زاویه = “۴۵” (توجه داشته باشید که زاویه باید چند برابر ۴۵).

خب حالا بهتره یه کار عملی رو انجام بدیم میخواهیم با استفاده از shape تصویر زیر را بازسازی کنیم که مربوط
به سایت spotify هست

 

 

کد زیر برای بکگراند استفاده میکنیم با استفاده از گرادیانت.

 کد زیر برای مستطیل گرد شده در اطراف دکمه دسترسی است:

 

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

 

خب میبینید که زیادام بد نشد فقط فونت ها یکم فرق دارن:

امید وارم که این آموزش بدردتون بخوره و استفاده کنید بدرود.

همچنین ببینید:

سورس شبکه اجتماعی پیکو وت از نظرات دیگران در مورد تصمیم هایتان آگاه شوید

سورس فروشگاه ووکامرس مارکیت برای اندروید استودیو – هیروتک

قالب وردپرس پزشکی کلینیک (Clinico) – قالب حرفه ایی پزشکی

 

 

 

 

 

 

 

 

 

 

 

 

اگر مطلب را می پسندید لطفا آنرا به اشتراک بگذارید.

دیدگاهی بنویسید

لطفا جواب معادله امنیتی زیر را وارد کنید *

0
تماس با ما

لطفا پیام خود را ار سال نمایید

سلام چه کمکی میتونم بکنم!

برای شروع چت کلیک کنید