دوره مجازی اندروید (جلسه 25): مفاهیم پیشرفته رابط کاربری و پیاده سازی متریال دیزاین در اندروید، قسمت چهارم

- visibility ۱۴ mode_comment

به نام خدا دوستان سلام، در خدمت شما هستیم با قسمت چهارم از سری آموزش های متریال دیزاین در اندروید. در این جلسه استفاده از CollapsingToolbarLayout را آموزش خواهیم داد. صفحه ی اطلاعات کاربری را کامل خواهیم کرد. همچنین ایجاد view های سفارشی رو به دلیل درخواست دانشجویان عزیز آموزش داده ام. لیست کامل مطالب ارائه شده در لیست پایین آورده شده اند.

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

  • Collapsing Toolbar Layout
    • معرفی CollapsingToolbarLayout
    • آشنایی با صفت contentScrim
    • آشنایی با مقدار exitUntilCollapsed
    • حذف عنوان از CollapsingToolbarLayout
    • معرفی صفت CollapseMode و مقادیر Parallax و Pin
    • آشنایی با NestedScrollView
  • آشنایی با کلاس Application و تعریف آن
  • ایجاد CustomView
    • ایجاد TextView با فونت سفارشی برای استفاده در کل برنامه
    • ایجاد Button با فونت سفارشی برای استفاده در کل برنامه
  • ایجاد Shape با Xml
    • ایجاد شکل مستطیل
    • دور گرد کردن مستطیل
    • تغییر رنگ shape
    • دور خط دار کردن shape
  • ایجاد Selector با xml
    • ست کردن selector روی view های مختلف
  • اضافه کردن انیمیشن Ripple به View های مختلف در اندروید
  • آموزش ایجاد اپ چند زبانه
    • ایجاد strings.xml برای زبان های مختلف
    • ایجاد پوشه ی values برای زبان های مختلف
    • آشنایی با نحوه ی کارکرد locale در اندروید
info توجه

این مطلب یک جلسه از دوره آموزش اندروید می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در دوره آموزش اندروید

comment دیدگاه کاربران
جعفر پیشدادی

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

سعید شاهینی

سلام جناب پیشدادی متوجه سوالتون نشدم

جعفر پیشدادی

با سلام ایا در قسمت رابط کاربری در اندروید استودیو می توان برای تنطییم widthوheight از درصد استفاده کرد توضیح دهید

سعید شاهینی

سلام، خیر ولی داخل اندروید استودیو 2.2 می تونید از ConstraintLayout استفاده کنید که کاربردی شبیه درصد داره. تازه 2 هفته می شه که معرفی شده و در مراحل ابتدایی هست. باگ زیاد داره

saber

سلام استاد
ببخشید سوالی داشتم در مورد فونت ها
MyApplication myApplication=new MyApplication();
setTypeface(myApplication.getTypeface());
من ازاین کد استفاده کردم درست شد ولی با کد شما چه فرقی میکه؟

سعید شاهینی

سلام٬ فرقش اینه که شما یه نمونه ی جدید و اضافه از کلاس Application ایجاد کردید. ولی موردی که من آموزش دادم نمونه ی جدیدی از کلاس ایجاد نمی کنه بلکه از نمونه ی ساخته شده از قبل٬ استفاده می کنه. کلاس Application یک کلاس Singleton هست.

Rabbit94

سلام من وقتی فونت مورد نظر رو روی toolbar label ست میکنم… نوشته مقداری به سمت بالا میرود و ناقص دیده می شود… در حالی که تو فونت پیشفرض اینگونه نیست. ( برای همه ی تولبار ها )
حتی سایز فونت را کوچیکتر کردم ولی بازم مشکل برطرف نشد ( هم تو تبلت و هم تو گوشی )
اسکرین شات :
http://s9.picofile.com/file/8282112768/Screenshot_2017_01_12_01_24_09.jpg

با تشکر

سعید شاهینی

سلام فونت شما مناسب نیست٬ مشکل از فونته

keyhan

سلام
دوتا سوال داشتم
یکی این که چطور میشه موارد داخل استاتوس بار تیره باشه مثلا ساعت و درصد شارژ و … سفید نباشه
اگر به تم ربط داره چطور میشه بدون تغییر تم اونو عوض کرد
و چطور میشه به جای سایه ای که زیر تولبار هست همون elevation
یه خط سیاه گذاشت که توی وب همون border-bottom میشه

سعید شاهینی

سلام، اگه رنگ پس زمینه استاتوس بار روشن باشه، محتواش رنگ تیره می شن.
زیر تولبار یک view بگذارید که width آن match_parent باشه و ارتفاع اون مثلا ۱dp باشه و بهش background رنگ تیره بدید.

keyhan

سوالی که یادم رفت چطور میشه به جای ایکون سه نقطه که مفهوم منو رو داره کلمه بیشتر رو نوشت

سعید شاهینی

من اگه بخوام این کار رو بکنم یه text view داخل تولبار می گذارم و وقتی روش کلیک شد منو نشون می دم ولی شاید راه بهتری هم باشه که من اطلاع ندارم

shahriar rad

سلام و درود آقای شاهینی
سوال من اینه که به چه صورت میشه دوره عکس stroke انداخت؟
دوره عکس آواتار در پروفایل کاربری

ممنون

سعید شاهینی

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

اگه عکس مربع هست٬ باید shape ایجاد کنید و به اون stroke بدید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.