0

我想用 Retrofit 制作类似 Spotify 主页视图的东西,但我不明白该怎么做。请帮助他我很困惑。请帮助他这些是我的 XML 代码看起来像这些。第一个是主布局Recyclerview,第二个布局是Recyclerview RowItem List,另一个是innerItem 行列表。我想获得类似这样的东西,如何获得像 Spotify 这样的实际输出。我想展示这些,但它们给了我相同的数据,但我有不同的数据和不同的数组列表。然后如何显示不同的数据。

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

主要 Recyclerview.xml

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical">

                <android.support.v7.widget.RecyclerView
                    android:id="@+id/list_product"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" />


            </RelativeLayout>

RecyclerviewItem.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/_10sdp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_margin="@dimen/_5sdp">

            <TextView
                android:id="@+id/tvCatName"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="@dimen/_10sdp"
                android:text="cat name"/>

            <android.support.v7.widget.RecyclerView
                android:id="@+id/catProductList"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
            </android.support.v7.widget.RecyclerView>
        </LinearLayout>
    </android.support.v7.widget.CardView>

</LinearLayout>

Inneritem.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical">

    <android.support.v7.widget.CardView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/_10sdp">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <android.support.v7.widget.CardView
                android:layout_width="@dimen/_160sdp"
                android:layout_height="@dimen/_170sdp"
                app:cardPreventCornerOverlap="false">

            <ImageView
                android:id="@+id/imgProduct"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:src="@drawable/ic_bags"/>
            </android.support.v7.widget.CardView>


            <TextView
                android:id="@+id/tvProductName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Yello New Shirt"
                android:layout_gravity="center"
                android:padding="@dimen/_5sdp"
                android:textStyle="bold"
                android:layout_marginTop="@dimen/_2sdp"
                android:textSize="@dimen/_16ssp"
                android:singleLine="true"/>

            <TextView
                android:id="@+id/tvProductPrice"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="15.00"
                android:layout_gravity="center"
                android:padding="@dimen/_5sdp"
                android:textStyle="bold"
                android:layout_marginTop="@dimen/_2sdp"
                android:textSize="@dimen/_13ssp"
                android:singleLine="true"/>

        </LinearLayout>
    </android.support.v7.widget.CardView>

</LinearLayout>

我的代码我不知道有什么问题

Data.java
public class Data {

    String categoryName;
    ArrayList<ProductsModel> productsModels;

    public Data() {
    }

    public Data(String categoryName, ArrayList<ProductsModel> productsModels) {
        this.categoryName = categoryName;
        this.productsModels = productsModels;
    }

    public ArrayList<ProductsModel> getProductsModels() {
        return productsModels;
    }

    public void setProductsModels(ArrayList<ProductsModel> productsModels) {
        this.productsModels = productsModels;
    }

    public String getCategoryName() {
        return categoryName;
    }

    public void setCategoryName(String categoryName) {
        this.categoryName = categoryName;
    }
}

InCategoryProductAdapter.java

public class InCategoryProductAdapter extends RecyclerView.Adapter<InCategoryProductAdapter.ViewHolder> {

    private Context context;
    private ArrayList<Data> dataArrayList;
    private RecyclerView.RecycledViewPool recycledViewPool;

    public InCategoryProductAdapter(Context context, ArrayList<Data> dataArrayList) {
        this.context = context;
        this.dataArrayList = dataArrayList;

        recycledViewPool = new RecyclerView.RecycledViewPool();
    }

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {

        View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.main_row_list,viewGroup,false);
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull ViewHolder viewHolder, int i) {

        viewHolder.tvCatName.setText(dataArrayList.get(i).getCategoryName());
        LinearLayoutManager manager = new LinearLayoutManager(context,LinearLayoutManager.HORIZONTAL,false);
        viewHolder.catProductList.setLayoutManager(manager);

        InnerItemAdapter innerItemAdapter = new InnerItemAdapter(context,dataArrayList.get(i).getProductsModels());
        viewHolder.catProductList.setAdapter(innerItemAdapter);

    }

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

    }

    class ViewHolder extends RecyclerView.ViewHolder{

        TextView tvCatName;
        RecyclerView catProductList;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);

            tvCatName = itemView.findViewById(R.id.tvCatName);
            catProductList = itemView.findViewById(R.id.catProductList);
        }
    }
}

Fragment.java

/*set Catgeory  Api if get department ID*/
    private void setCategory(int dept_id) {
        models = new ArrayList<>();
        RetrofitInterface retrofitInterface = RetrfitClient.getRetrofitClient().create(RetrofitInterface.class);
        Call<ArrayList<CategoryModel>> arrayListCall = retrofitInterface.Category_Call(dept_id);
        arrayListCall.enqueue(new Callback<ArrayList<CategoryModel>>() {
            @Override
            public void onResponse(Call<ArrayList<CategoryModel>> call, Response<ArrayList<CategoryModel>> response) {

                models = response.body();
                for (int i = 0; i < models.size(); i++) {
                    catId = models.get(i).getCategory_id();
                    setCategoryProduct(catId, models);
                }
                //Log.d("ModelsSize", "" + models.size());
            }

            @Override
            public void onFailure(Call<ArrayList<CategoryModel>> call, Throwable t) {

                Toast.makeText(getActivity(), t.toString(), Toast.LENGTH_SHORT).show();
            }
        });
    }

    /*get category wise product From Server*/

在此处输入图像描述 私人无效 setCategoryProduct(int catId, final ArrayList categoryModels, final String catName) {

Log.d("getSingleCat", "" + catId);

productsModels = new ArrayList<>();
RetrofitInterface anInterface = RetrfitClient.getRetrofitClient().create(RetrofitInterface.class);
Call<ProductInCategoryResponse> inCategoryResponseCall = anInterface.IN_CATEGORY_RESPONSE_CALL(catId, 1);
inCategoryResponseCall.enqueue(new Callback<ProductInCategoryResponse>() {
    @Override
    public void onResponse(Call<ProductInCategoryResponse> call, Response<ProductInCategoryResponse> response) {

        productsModels = response.body().getRows();
        Log.d("productCat", "" + productsModels.size());

        data.setCategoryName(catName);
        data.setProductsModels(productsModels);

        dataArrayList = new ArrayList<>();



        HashMap<String,ArrayList<ProductsModel>> listHashMap = new HashMap<String, ArrayList<ProductsModel>>();
        for (int j=0;j<categoryModels.size();j++){
            dataArrayList.add(data);
            listHashMap.put(categoryModels.get(j).getName(), productsModels);
            Log.d("ListMap",""+listHashMap.put(categoryModels.get(j).getName(),productsModels));
        }

        Log.d("CatName",""+catName);

        /*Gson gson  = new Gson();
        String pList = gson.toJson(productsModels);*/


        LinearLayoutManager manager = new LinearLayoutManager(getActivity());
        mainRecyclerView.setLayoutManager(manager);

        InCategoryProductAdapter inCategoryProductAdapter = new InCategoryProductAdapter(getActivity(), dataArrayList);
        mainRecyclerView.setAdapter(inCategoryProductAdapter);

        /*
        Log.d("DataArray", "" + dataArrayList.size());
        Log.d("GetCat", "" + data.getCategoryName());*/
        // Log.d("DataList",""+dataArrayList.get(i).getCategoryName() + " :"+ dataArrayList.get(i).getProductsModels());

    }

    @Override
    public void onFailure(Call<ProductInCategoryResponse> call, Throwable t) {

        Toast.makeText(getActivity(), t.toString(), Toast.LENGTH_SHORT).show();
    }
});

}

4

4 回答 4

0

快照助手

SnapHelper 是一个帮助类,可帮助捕捉 RecyclerView 的任何子视图。例如,您可以捕捉 RecyclerView 的 firstVisibleItem,正如您必须在 Play 商店应用程序中看到的那样,当滚动到空闲位置时,firstVisibleItem 将始终完全可见。

https://blog.mindorks.com/using-snaphelper-in-recyclerview-fc616b6833e8

import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.LinearSnapHelper;
import android.support.v7.widget.OrientationHelper;
import android.support.v7.widget.RecyclerView;
import android.view.View;

/**
 * Created by Mayur patel on 15/01/17.
 */

public class StartSnapHelper extends LinearSnapHelper {

    private OrientationHelper mVerticalHelper, mHorizontalHelper;

    public StartSnapHelper() {

    }

    @Override
    public void attachToRecyclerView(@Nullable RecyclerView recyclerView)
            throws IllegalStateException {
        super.attachToRecyclerView(recyclerView);
    }

    @Override
    public int[] calculateDistanceToFinalSnap(@NonNull RecyclerView.LayoutManager layoutManager,
                                              @NonNull View targetView) {
        int[] out = new int[2];

        if (layoutManager.canScrollHorizontally()) {
            out[0] = distanceToStart(targetView, getHorizontalHelper(layoutManager));
        } else {
            out[0] = 0;
        }

        if (layoutManager.canScrollVertically()) {
            out[1] = distanceToStart(targetView, getVerticalHelper(layoutManager));
        } else {
            out[1] = 0;
        }
        return out;
    }

    @Override
    public View findSnapView(RecyclerView.LayoutManager layoutManager) {

        if (layoutManager instanceof LinearLayoutManager) {

            if (layoutManager.canScrollHorizontally()) {
                return getStartView(layoutManager, getHorizontalHelper(layoutManager));
            } else {
                return getStartView(layoutManager, getVerticalHelper(layoutManager));
            }
        }

        return super.findSnapView(layoutManager);
    }

    private int distanceToStart(View targetView, OrientationHelper helper) {
        return helper.getDecoratedStart(targetView) - helper.getStartAfterPadding();
    }

    private View getStartView(RecyclerView.LayoutManager layoutManager,
                              OrientationHelper helper) {

        if (layoutManager instanceof LinearLayoutManager) {
            int firstChild = ((LinearLayoutManager) layoutManager).findFirstVisibleItemPosition();

            boolean isLastItem = ((LinearLayoutManager) layoutManager)
                    .findLastCompletelyVisibleItemPosition()
                    == layoutManager.getItemCount() - 1;

            if (firstChild == RecyclerView.NO_POSITION || isLastItem) {
                return null;
            }

            View child = layoutManager.findViewByPosition(firstChild);

            if (helper.getDecoratedEnd(child) >= helper.getDecoratedMeasurement(child) / 2
                    && helper.getDecoratedEnd(child) > 0) {
                return child;
            } else {
                if (((LinearLayoutManager) layoutManager).findLastCompletelyVisibleItemPosition()
                        == layoutManager.getItemCount() - 1) {
                    return null;
                } else {
                    return layoutManager.findViewByPosition(firstChild + 1);
                }
            }
        }

        return super.findSnapView(layoutManager);
    }

    private OrientationHelper getVerticalHelper(RecyclerView.LayoutManager layoutManager) {
        if (mVerticalHelper == null) {
            mVerticalHelper = OrientationHelper.createVerticalHelper(layoutManager);
        }
        return mVerticalHelper;
    }

    private OrientationHelper getHorizontalHelper(RecyclerView.LayoutManager layoutManager) {
        if (mHorizontalHelper == null) {
            mHorizontalHelper = OrientationHelper.createHorizontalHelper(layoutManager);
        }
        return mHorizontalHelper;
    }
}

现在,将它附加到您的 RecyclerView。

SnapHelper startSnapHelper = new StartSnapHelper();
startSnapHelper.attachToRecyclerView(yourRecyclerView);
于 2019-07-19T04:47:38.960 回答
0

我目前正在一个应用程序中做类似的事情,但现在还处于早期阶段,我尝试这样做的方式是在我的回收站视图中使用带有滚动视图的 LinearLayout。我以编程方式添加到列表中,到目前为止它非常适合垂直滚动。有一个可用的水平滚动视图,我还没有尝试过,但它应该可以工作。

于 2021-02-25T11:43:04.033 回答
0

您可以创建一个包含标题和水平 recyclerView 的片段,并且每当您从服务器获得响应时,将此片段添加到您的列表计数中,如下所示:

    for (ViewModel items : model.getViewList()) {
        TextView textView = new TextView(activity);
        textView.setText(items.getTitle());
        textView.setPadding(UnitUtil.dpToPx(16), UnitUtil.dpToPx(4), UnitUtil.dpToPx(16), UnitUtil.dpToPx(4));

        RecyclerView recyclerView = new RecyclerView(activity);
        recyclerView.setLayoutManager(new LinearLayoutManager(context, LinearLayoutManager.HORIZONTAL, true));
        recyclerView.setHasFixedSize(true);
        recyclerView.setAdapter(new ContentAdapter(items.getContentList(), (anEnum, position, item, viewId) -> startActivity(new ContentFactory().getActivity(ActivityType.fromId(((ContentSimilarModel) item).getType())
                , activity, item)), false));
        recyclerView.addItemDecoration(new ContentDecoration());
        binding.homeViewLy.addView(textView);
        binding.homeViewLy.addView(recyclerView);
    }
于 2019-07-19T05:21:28.870 回答
-1

使用嵌套回收器视图并阅读此内容,它将告诉您如何实现此功能

 > https://android.jlelse.eu/easily-adding-nested-recycler-view-in-android-a7e9f7f04047
于 2019-07-19T05:30:11.877 回答