How to convert ListView to any kind of simple horizontal scroller?

Question

I'm adding a launcher with about 10 icons to my application and got it to work vertically but can't find a solid simple solution to rotate it so that it scrolls the 10 icons horizontally.

Java:

private PackageManager manager;
private List<AppDetail> apps;
private ListView list;

private void loadListView(){
    //list = (ListView)findViewById(R.id.apps_list);//was apps_list
    list = (ListView) findViewById(R.id.apps_list);//was apps_list

    ArrayAdapter<AppDetail> adapter = new ArrayAdapter<AppDetail>(this,
            R.layout.list_item,
            apps) {
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            if(convertView == null){
                convertView = getLayoutInflater().inflate(R.layout.list_item, null);
            }

            ImageView appIcon = (ImageView)convertView.findViewById(R.id.item_app_icon);
            appIcon.setImageDrawable(apps.get(position).icon);

            TextView appLabel = (TextView)convertView.findViewById(R.id.item_app_label);
            appLabel.setText(apps.get(position).label);

            TextView appName = (TextView)convertView.findViewById(R.id.item_app_name);
            appName.setText(apps.get(position).name);

            return convertView;
        }
    };
    list.setAdapter(adapter); //Put the list on the screen
}

Inside the XML Layout

<ListView
    android:id="@+id/apps_list"
    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:layout_alignParentBottom="true"
    android:layout_alignParentEnd="true"
    android:layout_marginBottom="50dp"
    android:layout_marginEnd="29dp"
    android:orientation="horizontal"/>

I saw something called a HorizontalScrollView but it doesn't seem to be a direct replacement and just crashes the app.

It looks like I'm supposed to use a RecyclerView and maybe something like this.

Java:

private void loadListView(){


    mRecyclerView = (RecyclerView) findViewById(R.id.apps_list);
    ArrayAdapter<AppDetail> mAdapter = new ArrayAdapter<AppDetail>(this,
            R.layout.list_item,
            apps) {
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            if(convertView == null){
                convertView = getLayoutInflater().inflate(R.layout.list_item, null);
            }

            ImageView appIcon = (ImageView)convertView.findViewById(R.id.item_app_icon);
            appIcon.setImageDrawable(apps.get(position).icon);

            TextView appLabel = (TextView)convertView.findViewById(R.id.item_app_label);
            appLabel.setText(apps.get(position).label);

            TextView appName = (TextView)convertView.findViewById(R.id.item_app_name);
            appName.setText(apps.get(position).name);

            return convertView;
        }
    };
    mRecyclerView.setAdapter(mAdapter); //Put the list on the screen
}

XML:

<android.support.v7.widget.RecyclerView
    android:id="@+id/apps_list"
    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:layout_alignParentBottom="true"
    android:layout_alignParentEnd="true"
    android:layout_marginBottom="50dp"
    android:layout_marginEnd="29dp"
    android:orientation="horizontal"
    android:scrollbars="horizontal"/>

but I'm getting the error:

Error:(1212, 34) error: incompatible types: ArrayAdapter cannot be converted to Adapter

Thanks for any guidance.

Answer 1

I've implemented your listview into a recycler view, here's the adapter:

public class SpecialAdapter extends RecyclerView.Adapter<SpecialAdapter.SpecialViewHolder> {

    private ArrayList<AppDetail> items;
    private Context context;
    private OnClickItem clickListener;

    public SpecialAdapter(ArrayList<AppDetail> items, Context context) {
        this.items = items;
        this.context = context;
    }

    public void setClickListener(OnClickItem clickListener) {
        this.clickListener = clickListener;
    }

    @NonNull
    @Override
    public SpecialViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item, parent, false);
        return new SpecialViewHolder(v);
    }

    @Override
    public void onBindViewHolder(@NonNull SpecialViewHolder holder, int position) {
        holder.appIcon.setImageDrawable(items.get(position).icon);
        holder.appLabel.setText(items.get(position).label);
        holder.appName.setText(items.get(position).name);

    }

    @Override
    public int getItemCount() {
        return items.size();
    }

    class SpecialViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {
        ImageView appIcon;
        TextView appLabel;
        TextView appName;

        public SpecialViewHolder(View itemView) {
            super(itemView);
            appIcon = (ImageView) itemView.findViewById(R.id.item_app_icon);
            appLabel = (TextView) itemView.findViewById(R.id.item_app_label);
            appName = (TextView) itemView.findViewById(R.id.item_app_name);
             itemview.setOnClickListener(this);
        }

        @Override
        public void onClick(View v) {
            clickListener.onClickItem(getAdapterPosition());
        }
    }

    public interface OnClickItem {
        void onClickItem(int pos);
    }
}

To use it, just replace your ListView to a RecyclerVie in your xml and use this:

public void setUpRecyclerView() {
    RecyclerView list = findViewById(R.id.apps_list);

    list.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false));
    SpecialAdapter adapter = new SpecialAdapter(apps,this);
    adapter.setClickListener(this);
    list.setAdapter(adapter);

}

Also, make your activity implement OnClickItem in order to be able to catch clicks in the items in your list.