Android RecyclerView:将布局文件 LIST 更改为 GRID onOptionItemSelected [英] Android RecyclerView: Change layout file LIST to GRID onOptionItemSelected
问题描述
我正在开发用于在线购物的 Android 应用程序.我使用 RecyclerView
创建了以下产品列表视图,因为我想在选择选项菜单项时更改视图:
I am developing an Android Application for Online Shopping. I have created following view for List of Products using RecyclerView
, in that i want to change view on selecting option menu item:
我创建了以下名为 ProductAdapter
的适配器,因为我已经实现了在 onCreateViewHolder
中更改布局的代码,用于基于布尔值选择布局文件价值.
I have created following adapter named ProductAdapter
, in that I have implemented code for changing layout in onCreateViewHolder
for selecting layout file based on boolean value.
适配器代码ProductAdapter
:
/***
* ADAPTER for Product to binding rows in List
*/
private class ProductAdapter extends RecyclerView.Adapter<ProductAdapter.ProductRowHolder> {
private List<Product> productList;
private Context mContext;
public ProductAdapter(Context context, List<Product> feedItemList) {
this.productList = feedItemList;
this.mContext = context;
}
@Override
public ProductRowHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
View v = LayoutInflater.from(viewGroup.getContext()).inflate(isProductViewAsList ? R.layout.product_row_layout_list : R.layout.product_row_layout_grid, null);
ProductRowHolder mh = new ProductRowHolder(v);
return mh;
}
@Override
public void onBindViewHolder(ProductRowHolder productRowHolder, int i) {
Product prodItem = productList.get(i);
// Picasso.with(mContext).load(feedItem.getName())
// .error(R.drawable.ic_launcher)
// .placeholder(R.drawable.ic_launcher)
// .into(productRowHolder.thumbnail);
double price = prodItem.getPrice();
double discount = prodItem.getDiscount();
double discountedPrice = price - (price * discount / 100);
String code = "";
if(prodItem.getCode() != null)
code = "[" + prodItem.getCode() + "] ";
productRowHolder.prodIsNewView.setVisibility(prodItem.getIsNew() == 1 ? View.VISIBLE : View.INVISIBLE);
productRowHolder.prodNameView.setText(code + prodItem.getName());
productRowHolder.prodOriginalRateView.setText("Rs." + new BigDecimal(price).setScale(2,RoundingMode.DOWN));
productRowHolder.prodDiscView.setText("" + new BigDecimal(discount).setScale(2,RoundingMode.DOWN) + "% off");
productRowHolder.prodDiscRateView.setText("Rs." + new BigDecimal(discountedPrice).setScale(2,RoundingMode.DOWN));
productRowHolder.prodOriginalRateView.setPaintFlags(productRowHolder.prodOriginalRateView.getPaintFlags() | Paint.STRIKE_THRU_TEXT_FLAG);
}
@Override
public int getItemCount() {
return (null != productList ? productList.size() : 0);
}
public class ProductRowHolder extends RecyclerView.ViewHolder implements View.OnClickListener {
//Declaration of Views
public ProductRowHolder(View view) {
super(view);
view.setOnClickListener(this);
//Find Views
}
@Override
public void onClick(View view) {
//Onclick of row
}
}
}
之后,我完成了将 RecyclerView
布局从 List
更改为 Grid
的代码,反之亦然 onOptionsItemSelected
,这里我正在调用 mAdapter.notifyDataSetChanged();
所以它会再次调用适配器并更改值.
After that i have done code for Changing RecyclerView
layout from List
to Grid
and Vice Versa in onOptionsItemSelected
, here i am calling mAdapter.notifyDataSetChanged();
so it will call adapter again and change value.
onOptionsItemSelected:
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
//noinspection SimplifiableIfStatement
switch (id) {
case R.id.action_settings:
return true;
case android.R.id.home:
finish();
break;
case R.id.product_show_as_view:
isProductViewAsList = !isProductViewAsList;
supportInvalidateOptionsMenu();
mRecyclerView.setLayoutManager(isProductViewAsList ? new LinearLayoutManager(this) : new GridLayoutManager(this, 2));
mAdapter.notifyDataSetChanged();
break;
}
return super.onOptionsItemSelected(item);
}
我取得了一些成功,例如:
I got little bit success like:
Grid
布局的图片:
List
布局的图片:
但是现在当我滚动然后正在显示更改视图时就像:
Grid
布局:
List
布局:
我不知道为什么滚动后会发生这种情况.有没有其他方法可以像这样更改视图.
今天我才看到这个问题是由于 ImageView
造成的,没有完美运行.
Today i just saw that this problem is because of
ImageView
, without it working perfectly.
请帮助,您的帮助将不胜感激.
Help please, You help will be appreciated.
推荐答案
我在活动开始时找到了解决方案,我设置了 LinearLayoutManager
像:
I found solution with the starting of activity I have set LinearLayoutManager
like:
mLayoutManager = new LinearLayoutManager(this);
mProductListRecyclerView.setLayoutManager(mLayoutManager);
之后 onOptionsItemSelected
写成:
after that onOptionsItemSelected
written like:
case R.id.menu_product_change_view:
isViewWithCatalog = !isViewWithCatalog;
supportInvalidateOptionsMenu();
//loading = false;
mProductListRecyclerView.setLayoutManager(isViewWithCatalog ? new LinearLayoutManager(this) : new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL));
mProductListRecyclerView.setAdapter(mAdapter);
break;
并在 onCreateViewHolder
中更改视图,例如:
and changing view in onCreateViewHolder
like:
@Override
public ProductRowHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
View v = LayoutInflater.from(viewGroup.getContext()).inflate(isViewWithCatalog ? R.layout.product_row_layout_list : R.layout.product_row_layout_grid, null);
ProductRowHolder mh = new ProductRowHolder(v);
return mh;
}
从开始到结束,您必须管理 isViewWithCatalog 变量以首先显示哪个布局.
From Starting to Ending you have to manage isViewWithCatalog variable for displaying which layout first.
这篇关于Android RecyclerView:将布局文件 LIST 更改为 GRID onOptionItemSelected的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!