How could a make a view like that with RecyclerView?

Question

I want the RecyclerView to look like this:

How can I do that?

User RecyclerView with LayoutManager, orientation as Horizontal — Ram Prakash Bhat, May 03 '17 at 06:24
You can use number picker with alphabets. Reference link http://stackoverflow.com/a/25926338/2750390 also check http://stackoverflow.com/questions/8227073/using-numberpicker-widget-with-strings — Mayur Raval, May 03 '17 at 06:26
Build a custom LayoutManager like described here: https://medium.com/@v.danylo/10-steps-to-create-a-custom-layoutmanager-2f30ab2f979d — Willi Mentzel, May 03 '17 at 06:39

score 1 · Answer 1 · edited May 23 '17 at 12:34

1

Use with GridLayoutManager for eg:

private RecyclerView.LayoutManager mLayoutManager;
mLayoutManager = new GridLayoutManager(mContext, 10);
holder.recycler_viewGv.setLayoutManager(mLayoutManager);

and try this link for highlighting Highlighting center item

edited May 23 '17 at 12:34

Community

1
1

answered May 03 '17 at 06:43

Sunisha Sindhu

1,263
11
31

Aditya Vyas-Lakhan · Answer 2 · 2017-05-03T06:45:56.423

1

I suggest that you can try with this approach and change it as per your need

compile 'com.github.gastricspark:scrolldatepicker:0.0.1'

https://github.com/GastricSpark/ScrollDatePicker

https://github.com/hrules6872/HorizontalNumberPicker

<com.harrywhewell.scrolldatepicker.DayScrollDatePicker
    android:id="@+id/day_date_picker"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

edited May 03 '17 at 06:45

answered May 03 '17 at 06:43

Aditya Vyas-Lakhan

12,393
15
55
92

actually i want exact the same view. ex: selected item is highlighted and rest are blur. – Islam May 03 '17 at 12:22

score 0 · Answer 3 · answered May 03 '17 at 06:52

This is not exact what you are looking for but may give you some hint. Use RecyclerView with horizontal layout manager. MODIFY YOU ADAPTER CLASS In onBindViewHolder change your textview size based on postion

      if(position == mid of list){
       //Increase the text size 
      }else{
      //set the normal size to text view 
      }

...

How could a make a view like that with RecyclerView?

3 Answers3