طراحی متریال دیزاین CardView در اندروید

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش طراحی متریال دیزاین CardView در اندروید خواهیم پرداخت طراجی کارد یا CardView (کارت ویو ) یکی از بهترین شکل ظاهری را به اپلیکیشن شما می دهد و اگر دقت کرده باشید بیشتر اپلیکیشن های موبایل براساس همین سبک طراحی می شوند در ادامه می توانید پیش نمایشی از این آموزش را مشاهده کنید با ما همراه باشید.

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

پروژه را sync کنید.
ابتدا یک فایل به نام fragment_card.xml ایجاد کرده و کدهای زیرا را در آن قرار دهید (Layout اصلی نیست )

در اینجا فقط RecyclerView که آیتم ها در آن نمایش داده می شود قرار داده ایم.
یک فایل به نام recycle_items.xml در پوشه layout ایجاد کرده و کدهای زیر را در آن قرار دهید.

کد بالا شکل ظاهری هر آیتم را مشخص می کند ممکن است بعد از اینکه کدهای بالا در layout خود قرار دهید به خطاهایی بخورید در بالا دو عکس در پوشه drawable قرار دادیم که در ادامه می توانید آنها را دانلود کرده و در پروژه خود قرار دهید. هنگامی که فایل را دانلود کنید یکسری عکس دیگر نیز در آن وجود دارد همه را در پوشه drawable کپی کنید.
لینک دانلود
در بالا باز هم خطا دارید وارد مسیر res/values شده فایل dimens.xml پیدا کرده یا اگر نبود آن را ایجا کرده و کدهای زیر را در آن قرار دهید.

حالا در Layout اصلی که نام آن برابر با activity_main.xml است کدهای زیر را قرار دهید.

برای اینکه فرگمنت در این layout نمایش داده شود از FrameLayout استفاده شده است.
باید یک کلاس Model به نام WonderModel.java ایجاد کرده و کدهای زیر را در آن قرار دهید.

این کلاس به getter و setter نیز معروف است.
باید ما آداپتور سفارشی داشته باشیم تا Layout که در بالاتر ساختیم را Inflate کنیم پس یک آداپتور به نام
باید ما آداپتور سفارشی داشته باشیم تا Layout که در بالاتر ساختیم را Inflate کنیم پس یک آداتور به نام CardFragment.java ایجاد کرده و کدهای زیر را را در آن قرار دهید.

زمانی که بروی دکمه لایک کلیک شود باید عکس آن تغییر کند و همینطور باید زمانی که بروی دکمه share کلیک شود باید عکس قابل اشترک گذاری باشد تمامی این بخش ها handle شده است
حالا باید در اکتویتی اصلی که در اینجا نام آن برابر با MainActivity.java کدهای زیر را قرار دهید.

کد بالا فرگمنت را در اکتیویتی load می کند.
 
 
این آموزش هم به پایان رسید.
 
موفق و پروز باشید.

مطالعه بیشتر