هم اکنون عضو شوید

ورود

فراموشی گذرواژه

گذروازه خود را فراموش کردید ؟

ورود

عضو شوید

با عضویت در سایت از امکانات فوق العاده بهرمنده خواهید شد.

طراحی متریال دیزاین Recyclerview افقی در اندروید

طراحی متریال دیزاین Recyclerview افقی در اندروید

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش طراحی متریال دیزاین Recyclerview افقی در اندروید می پردازیم شاید بپرسید Recyclerview افقی دیگر چیست اگر برنامه Google Play را مشاهده کرده باشید می بینید که اپلیکیشن ها در card به صورت کنار هم (افقی) چیده شده است در ادامه می توانید پیش نمایشی از این طراحی متریال دیزاین را مشاهده کنید با ما همراه باشید.

 

این طراحی فوق العاده متریال دیزاین است و سعی شده تا شبیه به Google play طراحی شود.

 

ابتدا باید کتاب خانه های RecyvlerView و CardView را به پروژه اضافه کنید.

برای اینکار وارد فایل Build.gradle از نوع Module شده سپس در بخش dependencies خط های زیر را اضافه کنید.

پروژه را sync کنید.

باید یک کلاس model به نام Fruit.java ایجاد کرده و کدهای زیر را در آن قرار دهید.

کد بالا به getter و setter نیز معروف است.

یک فایل فرگمنت به نام fragment_card.xml ایجاد کرده و کدهای زیر را در آن قرار دهید.

در بالا RecyclerView قرار داده ایم تا آیتم ها در آن Render شود.

یک فایل به نام recycle_items.xml ایجاد کرده و کدهای زیر را در آن قرار دهید.

کد بالا شکل ظاهری هر آیتم که در RecyclerView قرار می گیرد را تنظیم می کند. در بالا یکسری از کدها برای شما خطا می دهد نگران نباشید.

یک فایل به نام dimens.xml در پوشه res/values ایجاد کرده و کدهای زیر را در آن قرار دهید.

در پروژه یکسری عکس استفاده شده است در زیر فایل را دانلود کرده و درپوشه drawable قرار دهید.

لینک دانلود

در پوشه drawable یک فایل به نام divider.xml ایجا کرده و کدهای زیر را در آن قرار دهید.

یک فایل جاوا به نام HorizontalListViewFragment.java ایجاد کرده و کدهای زیر را در آن قرار دهید.

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

بعد از اینکار نوبت به آخرین کار می رسد باید در اکتیویتی اصلی MainActivity.java کد های زیر را قرار دهید.

در بالا فرگمنت را در layout اصلی لود می کنیم. اگر یادتان باشد در فرگمنت Recyclerview را قرار دادیم با این کار شما می توانید این بخش را در هر جای از پروژه خود خواستید بارگذاری کنید.

 

این آموزش هم به پایان رسید.

 

موفق

 

 

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

با زبان های برنامه نویسی C# , Java , Php به صورت تخصصی کار کردم و بیشتر وقتم رو در برنامه نویسی می گذرونم علاقه زیادی به ساخت اپلیکیشن اندروید دارم.

نظرها ( ۳ )

  1. مهدی
    ۲۱, مهر , ۱۳۹۶ در ۷:۵۵ ب.ظ

    ممنون از آموزش های خوبتون
    فایل fragment_horizontal_list_view رو مشاهده نکردم در توضیحات و در کدها از این لایه استفاده شده؟

  2. ح
    ۹, مرداد , ۱۳۹۷ در ۱۲:۰۳ ب.ظ

    سلام.ممنون از آموزشتون.فقط من یک مشکلی که دارم این هست که وقتی دکمه های هر آیتم رو میزنم گاهی عمل میکنه گاهی هم اصلا عمل نمیکنه و باید چند بار کلیک کنم تا عمل کنه.ممنون میشم راهنماییم کنید

  3. ح
    ۹, مرداد , ۱۳۹۷ در ۱۲:۵۷ ب.ظ

    حل شد