سون لرن • آموزش

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بهترین و محبوب ترین طراحی های در زمینه Material Design رو قرار داده و شما با دیدن اونا میتونین ایده های زیادی برای طراحی بگیرید و از اونا استفاده کنید. برای هر طرح یک gif قرار داده شده که نحوه عملکرد اون رو نمایش میده و با کلیک بر روی هر کدام به صفحه مختص به اون هدایت میشید و میتونین اطلاعات بیشتری در مورد اون کسب کنید. برای شروع وارد سایتxa0Mate...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک نرم افزار ساده و سبک رو قرار داده که با استفاده از اون میتونین به راحتی با رنگهای طراحی متریال یا Material Design کار کنید و از اونا استفاده کنید. این نرم افزار برای سیستم عاملهای Windows و Linux و maxOS قرار داده شده و میتونین اون رو دانلود ک...

در این قسمت میخوام یک کد ( Experiment with FABxa0) جالب رو در اختیارتون بزارم.همونطور که دیدید یک ایده زیبا برای FAB یا Floating Action Button یا دکمه شناور قرار داده شده و زمانی که بر روی اون کلیک میکنید با افکت موجی پخش میشه و کل المنت رو میگیره و با زدن بر روی X به حالت اول بر میگیرده. میتونین از این نمونه در سایتتون استفاده کنید و زیبایی خاصی رو بهش بدین.بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.مو...

0 187 ۲ مهر ۹۵ به نام خدا دوستان سلام، در خدمت شما هستیم با قسمت چهارم از سری آموزش های متریال دیزاین در اندروید. در این جلسه استفاده از CollapsingToolbarLayout را آموزش خواهیم داد. صفحه ی اطلاعات کاربری را کامل خواهیم کرد. همچنین ایجاد view های سفارشی رو به دلیل درخواست دانشجویان عزیز آموزش داده ام. لیست کامل مطالب ارائه شده در لیست پایین آورده شده اند. مطالب مطرح شده در این جلسه عبارتند از : Collapsing Toolbar Layout معرفی CollapsingToolbarLayout آشنایی با صفت contentScrim آشنایی با مقدارxa0...

0 27 ۱ مهر ۹۵ به نام خدا، دوستان سلام، در این جلسه آموزش خواهیم داد که چطور داخل RecyclerView از چندین ItemViewType استفاده کنید، همچنین با SpanSizeLookUp آشنا خواهید شد. در مورد VecotorDrawableCompat صحبت خواهیم کرد و به شما آموزش خواهیم داد که چطور از فایل های vector استفاده کنیم به طوری که تا اندروید api 8 مشکلی نداشته باشیم. با snackbar آشنا خواهیم شد. از این view برای نمایش دادن پیغام با ظاهری زیباتر استفاده می شود. همچنین داخل snackbar بر خلاف Toast می توانیم از دکمه هایی که عملیاتی را ا...

2 122 ۲۲ شهریور ۹۵ به نام خدا، سلام دوستان، در این جلسه به معرفی متریال دیزاین خواهیم پرداخت، همچنین با کتابخانه مورد نیاز برای پیاده سازی متریال دیزاین آشنا خواهیم شد. مطالب مطرح شده در این جلسه عبارتند از : معرفی متریال دیزاین معرفی android design support library معرفی style.xml معرفی colors.xml معرفی Coordinator Layout معرفی Toolbar معرفی Drawer Layout معرفی NavigationView معرفی DrawerToggle راست به چپ کردن برنامه در گوشی های اندروید jelly bean به بالا معرفی سایت مناسب برای پیدا کردن کد رن...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ابزار قرار داده شده و میتونین اون رو دانلود کرده و از اون برای دسترسی سریع به رنگهای استاندارد طراحی متریال استفاده کنید. این نرم افزار فقط برای سیستم عامل مک یا Mac کاربرد داره و کاربران ویندوز نمیتونن از اون استفاده کنن. برای دانلود بر روی لینک Download the app کلیک کنید. برای شروع وارد سایتxa0MaterialColorsAppxa0بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! بخوانید...

در این قسمت میخوام یک کد ( Material Elevation Illustrationxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک طرح بصورت 3 بعدی قرار گرفته و کلیات و نحوه قرارگیری المنتهای مختلف در طراحی متریال رو براتون قرار داده. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان Let's block ads! بخوانید...

0 3 ۱۲ اردیبهشت ۹۵ در اینxa0جلسه با ادامه موضوع مربوط به طراحی متریال با Materialize در خدمتتون هستم. Materialize تعدادی کلاس رو بوجود آورده که با استفاده از اونا میتونین منو و Navigation های زیبایی رو بوجود بیارید و از اونا در سایتتون استفاده کنید. کلاسهایی که در این زمینه وجود دارند عبارتند از: nav-wrapper :xa0با نسبت دادن این کلاس به div پدر یا parent، مشخص میکنید که این المنت و اجزای اون میخان یک Navbar رو تشکیل بدن brand-logo :xa0یک المنت لینکی رو بصورت المنت اصلی در منو در نظر میگیره ...

0 2 ۱۱ اردیبهشت ۹۵ در اینxa0جلسه با ادامه موضوع مربوط به طراحی متریال با Materialize در خدمتتون هستم. Materialize از فونت آیکونهای معروف زیر پشتیبانی میکنه: فونت آیکونxa0Font Awesome فونت آیکونxa0Google Material فونت آیکونxa0Bootstrap برای استفاده از فونت آیکون Materialize باید علاوه بر فایل CSS اون، فایل زیر رو هم قرار بدین: <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> میبینید که فونت آیکون Material Icon رو از گوگل فونت قرار دادیم...

0 3 ۱۰ اردیبهشت ۹۵ در اینxa0جلسه با ادامه موضوع مربوط به طراحی متریال با Materialize در خدمتتون هستم. در این مطلب با ادامه استایلهای مرتبط با فرمها در خدمتتون هستم. استایل Switch برای Checkbox: <div class="switch"> xa0xa0xa0xa0<label>Off xa0xa0xa0xa0xa0xa0xa0xa0<input type="checkbox" checked><span class="lever"></span>On</label> </div> همونطور که دیدید برای div مورد نظر کلاس switch قرار داده شده و درون اون یک checkbox قرار داره. خروجی: ...

0 16 ۸ اردیبهشت ۹۵ در اینxa0جلسه با ادامه موضوع مربوط به طراحی متریال با Materialize در خدمتتون هستم. Materialize تعدادی کلاس داره که میتونین با استفاده از اونها المنتهای درون فرمها رو بصورت خیلی زیبا در بیارید و اونا رو واکنشگرا کنید. کلاسهایی که در این زمینه وجود دارند عبارتند از: input-field : با نسبت دادن این کلاس به div، اون المنت رو به عنوان field container در میاریم. این کلاس اجباری هست validate : با نسبت دادن این کلاس به المنت فرم مورد نظر باعث میشید که استایلهای اعتبارسنجی مناسب به...

در این قسمت میخوام یک کد ( Responsive Modal Designxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید سه نمونه لایت باکس و Modal ساخته شده و قرار گرفت. این لایت باکسها بصورت طراحی متریال و واکنشگرا هستند. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان Let's block ads! بخوانید...

0 15 ۵ اردیبهشت ۹۵ در اینxa0جلسه با ادامه موضوع مربوط به طراحی متریال با Materialize در خدمتتون هستم. در این بخش مثالهای مربوط به کارتها رو براتون قرار میدم. فایل index.html رو باز کنید و مرحله به مرحله کدهای زیر رو قرار بدین و خروجی اونا رو در مرورگر ببینید. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <div class="row"> xa0xa0xa0xa0<div class="col s12 m6"> xa0xa0xa0xa0xa0xa0xa0xa0<div class="card blue-grey lighten-4"> xa0xa0xa0xa0xa0xa0xa0xa0xa0xa0xa0xa0<div class="card-c...

0 3 ۲۹ فروردین ۹۵ در اینxa0جلسه با ادامه موضوع مربوط به طراحی متریال با Materialize در خدمتتون هستم. Materialize تعدادی کلاس داره که با استفاده از اون میتونین تصاویر و ویدیوهایی که در سایتتون قرار میدین رو برای طراحی واکنشگرا آماده کنید و بر روی هر دستگاهی به خوبی نمایش داده بشه. کلاسهای که در این زمینه وجود داره عبارتند از: responsive-img : این کلاس باعث میشه که یک تصویر متناسب با سایز نمایشگر خودش رو مطابقت بده و تغییر اندازه بده. video-container : برای اون المنتهایی که واکنشگرا هستن و مح...

در این قسمت میخوام یک کد ( Material design morphing iconsxa0) جالب رو در اختیارتون بزارم. همونطور کهxa0دیدین آیکونهای سبک متریال قرار گرفته و میتونین با زدن دکمه های بعد و قبل اونا رو ببینید و همچنین سایزشون رو تغییر بدین. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان This entry passed through the Full-Text RSS service - if this is your content and you...