Making recyclerView items fit the screen

Question

i have a

recyclerView

which displays icons horizontal beneath the activity like a horizontal navigation bar.

RecyclerView Adapter and Activity

  protected void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);

    setContentView(R.layout.activity_realuser_int);

    Intent intent= new Intent(this,ListenKeyword.class);

    startService(intent);



    horizontal_recycler_view= (RecyclerView) findViewById(R.id.horizontal_recycler_view);

    Horizontalicons = new ArrayList<>();

    Horizontalicons.add(R.drawable.home);

    Horizontalicons.add(R.drawable.clock);

    Horizontalicons.add(R.drawable.records);

    Horizontalicons.add(R.drawable.menu);

    horizontalAdapter=new HorizontalAdapter(Horizontalicons);





    LinearLayoutManager horizontalLayoutManagaer = new LinearLayoutManager(realuserIntActivity.this, LinearLayoutManager.HORIZONTAL, false);

    horizontal_recycler_view.setLayoutManager(horizontalLayoutManagaer);

    horizontal_recycler_view.setAdapter(horizontalAdapter);



    user=(TextView) findViewById(R.id.textUser);



}



public class HorizontalAdapter extends RecyclerView.Adapter<HorizontalAdapter.MyViewHolder>  {

    String[]iconnames={"Home", "History", "History", "Menu"};

    private List<Integer> Horizontalicons;

    public class MyViewHolder extends RecyclerView.ViewHolder {

        public ImageView imgIcons;



        public MyViewHolder(View view) {

            super(view);

            imgIcons = (ImageView) view.findViewById(R.id.imgrecycler);



        }

    }





    public HorizontalAdapter(List<Integer> Horizontalicons) {

        this.Horizontalicons = Horizontalicons;

    }



    @Override

    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        View itemView = LayoutInflater.from(parent.getContext())

                .inflate(R.layout.iconrecycler, parent, false);



        return new MyViewHolder(itemView);

    }



    @Override

    public void onBindViewHolder(final MyViewHolder holder, final int position) {

        holder.imgIcons.setImageResource(Horizontalicons.get(position));



        holder.imgIcons.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                Toast.makeText(realuserIntActivity.this, iconnames[position], Toast.LENGTH_SHORT).show();

            }

        });

    }



    @Override

    public int getItemCount() {

        return Horizontalicons.size();

    }

}

XML FILE

 <android.support.v7.widget.RecyclerView

    android:id="@+id/horizontal_recycler_view"



    android:background="#263238"

    android:layout_width="match_parent"

    android:layout_height="70dp"

    android:layout_alignParentBottom="true"

    android:layout_alignParentRight="true"

    android:layout_alignParentEnd="true" />

CUSTOM XML TO BE INFLATED IN RECYCLERVIEW

  <ImageView

    android:layout_width="63dp"

    android:layout_height="63dp"

    android:id="@+id/imgrecycler"

    android:layout_marginTop="9dp"

    android:layout_marginRight="97dp"

    android:paddingLeft="30dp"

    />

I've tried running on it on three different devices.The problem i'm facing is that, on one device with a smaller screen(phone) only three icons show, to see the last icon u will have to scroll to the left to see the last item. On a bigger screen(tablet) all icons or the items are shown without the need to scroll. Is there a way to make all the items fit the screen irrespective the size of the screen being used.

Recommended for you: Get network issues from WhatsUp Gold. Not end users.

Answer 1

You can manipulate with your imageview width and height, margins and so on. You will have to create the context and pass it to the constructor of your adapter class so you can getResources like this:

 Context context;

passing to the constructor:

public HorizontalAdapter(Context context, List<Integer> Horizontalicons) {
    this.Horizontalicons = Horizontalicons;
    this.context = context;
}

Than inside MyViewHolder you can do something like this:

public MyViewHolder(View view) {
        super(view);
        imgIcons = (ImageView) view.findViewById(R.id.imgrecycler);
        LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams)imgIcons.getLayoutParams();

    int screenSize = context.getResources().getConfiguration().screenLayout &
            Configuration.SCREENLAYOUT_SIZE_MASK;

    switch(screenSize) {
        case Configuration.SCREENLAYOUT_SIZE_XLARGE:
        //do stuff
            break;

        case Configuration.SCREENLAYOUT_SIZE_LARGE:
           // do stuff
            break;

        case Configuration.SCREENLAYOUT_SIZE_NORMAL:
         //do stuff
            break;

        case Configuration.SCREENLAYOUT_SIZE_SMALL:
         //for example here

                lp.height = 20;
                lp.width = 20;
                lp.leftMargin = 20;
                lp.rightMargin = 20;
                imgIcons.setLayoutParams(lp);
            break;

        default:
       }
    }

I used this pattern to setup text size in my app and cardviews height.

Making recyclerView items fit the screen

Sign up