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

ورود

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

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

ورود

عضو شوید

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

دوره آموزش برنامه نویسی اندروید
آموزش View شناور برای RecyclerView در اندروید

آموزش View شناور برای RecyclerView در اندروید

سلام دوستان امیدوارم حالتان خوب باشد در این سری از آموزش برنامه نویسی اندروید به آموزش View شناور برای RecyclerView در اندروید می پردازیم این View شناور در بخش Contact یا همان مخاطبین تلفن از اندروید ۵ به بالا وجود دارد در ادامه می توانید پیش نمایشی از آن را مشاهده کنید با ما همراه باشید.

 

 

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

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

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

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

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

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

در بالا باید به جای ir.programchi نام پکیج خودتان را قرار دهید (شاید خطا داشته باشید تا پایان آموزش رفته می بینید که خطاها از بین می روند ) کد بالا شکل ظاهری آیتم ها را ایجاد می کند (بعدا این لایه Inflate می شود در layout اصلی)

سپس یک layout به نام activity_text_demo.xml ایجاد کرده ( این layout اصلی ما است ) و کدهای زیر را در آن قرار دهید.

بخش مهم کد بالا PinnedListLayout که استفاده شده است.

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

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

آموزش ساخت عکس گرد در اندروید

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

لینک دانلود

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

کلاس بالا همان getter و setter ما است.

چون item سفارشی ایجاد کردیم باید آداپتور سفارشی نیز ایجاد کنیم برای اینکار یک فایل جاوا به نام ContactAdapter.java ایجاد کرده و کدهای زیر را در آن قرار دهید.

کد بالا layout که در اول ایجاد کردیم را Inflate می کند.

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

کد بالا کمی طولانی است ولی چیز خاصی ندارد ابتدا int مربوط به عکس ها به دست آمده سپس یک آرایه از داده های sample که می خواهیم در برنامه قرار گیرد ایجاد کرده سپس در RecyclerView قرار می گیرد اگر کنار هر سری از کاربران را ببیند یک کلمه (Label) نمایش داده می شود پشتیبانی فارسی آن تست نشده است خودتان تست کنید.

 

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

 

موفق و موید باشید.

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

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

نظرها ( ۴ )

  1. mojtaba1376
    ۲۰, دی , ۱۳۹۶ در ۴:۱۶ ق.ظ

    با سلام ، ممنون عالی بود
    چه مبحثی رو در ریسایکلر باید یاد بگیرم تا بتونم مثلا ریسایکلر با شکل های متفاوت رو بین هم نمایش بدم؟؟؟ مثلا مثل اینستاگرام که یک ایتمش مثلا فیلم هست یکیش ممکنه عکس باشه و اینها در مابین هم آمدن

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

    🙂

  2. علی مرادی
    ۲۳, اسفند , ۱۳۹۷ در ۵:۴۹ ب.ظ

    slm
    lotfn lotfn lotfn
    yek amoozesh az listview sefareshi ba qabeliate favorite krdn bzrin
    mmnoon

    • ۷, فروردین , ۱۳۹۸ در ۲:۵۰ ب.ظ

      سلام.اموزش مشابهی با recyclerview هست در سایت