Изменение количества столбцов с помощью GridLayoutManager и RecyclerView

внутри моего фрагмента я устанавливаю свой GridLayout следующим образом: mRecycler.setLayoutManager(new GridLayoutManager(rootView.getContext(), 2));

Итак, я просто хочу изменить это 2 на 4 когда пользователь поворачивает телефон/планшет. Я читал о onConfigurationChanged и я пытался заставить его работать для моего случая, но оно не идет в правильном направлении. Когда я поворачиваю телефон, приложение падает...

не могли бы вы сказать мне, как решить эту проблему?

вот мой подход, чтобы найти решение, которое не работает правильно:

  @Override
    public void onConfigurationChanged(Configuration newConfig) {
        super.onConfigurationChanged(newConfig);

        int orientation = newConfig.orientation;

        if (orientation == Configuration.ORIENTATION_PORTRAIT) {
            mRecycler.setLayoutManager(new GridLayoutManager(mContext, 2));
        } else if (orientation == Configuration.ORIENTATION_LANDSCAPE) {
            mRecycler.setLayoutManager(new GridLayoutManager(mContext, 4));
        }
    }

спасибо заранее!

7 ответов


попробуйте обработать это внутри вашего метода onCreateView, так как он будет вызываться каждый раз, когда происходит изменение ориентации:

if(getActivity().getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT){
     mRecycler.setLayoutManager(new GridLayoutManager(mContext, 2));
}
else{
     mRecycler.setLayoutManager(new GridLayoutManager(mContext, 4));
}

если у вас есть более одного условия или использовать значение в нескольких местах, это может выйти из-под контроля довольно быстро. Предлагаю создать следующую структуру:

res
  - values
    - dimens.xml
  - values-land
    - dimens.xml

С res/values/dimens.xml время:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <integer name="gallery_columns">2</integer>
</resources>

и res/values-land/dimens.xml время:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <integer name="gallery_columns">4</integer>
</resources>

и код тогда становится (и навсегда остается) таким:

final int columns = getResources().getInteger(R.integer.gallery_columns);
mRecycler.setLayoutManager(new GridLayoutManager(mContext, columns));

вы можете легко увидеть, как легко добавить новые способы определения количества столбцов, например, с помощью -w500dp/-w600dp/-w700dp папки ресурсов вместо -land.

также довольно легко сгруппировать эти папки в отдельную папку ресурсов, если вы не хотите загромождать другие (более релевантные) ресурсы:

android {
    sourceSets.main.res.srcDir 'src/main/res-overrides' // add alongside src/main/res
}

представление Recycle поддерживает AutofitRecycleView.

вам нужно добавить android:numColumns="auto_fit" в вашем xml-файле.

вы можете обратиться к этой AutofitRecycleViewLink


более надежный способ определить нет. из столбцов было бы вычислить его на основе ширины экрана и во время выполнения. Обычно для этого я использую следующую функцию.

public static int calculateNoOfColumns(Context context) {
    DisplayMetrics displayMetrics = context.getResources().getDisplayMetrics();
    float dpWidth = displayMetrics.widthPixels / displayMetrics.density;
    int scalingFactor = 200; // You can vary the value held by the scalingFactor
    // variable. The smaller it is the more no. of columns you can display, and the
    // larger the value the less no. of columns will be calculated. It is the scaling
    // factor to tweak to your needs.
    int columnCount = (int) (dpWidth / scalingFactor);
    return (columnCount>=2?columnCount:2); // if column no. is less than 2, we still display 2 columns
}

это более динамический метод для точного вычисления no. из колонны. Это будет более адаптивной для пользователей различные размеры экрана без д только двух возможных значений.

NB: вы можете изменить значение, удерживаемое scalingFactor переменная. Чем она меньше, тем больше нет. из колонки вы можете отобразить, и чем больше значение, тем меньше нет. будут вычислены столбцы. Это масштабирующий фактор для настройки ваших потребностей.


в событии onCreate () вы можете использовать StaggeredGridLayoutManager

mRecyclerView = (RecyclerView) v.findViewById(R.id.recyclerView);      

mStaggeredGridLayoutManager = new StaggeredGridLayoutManager(
       1, //number of grid columns
       GridLayoutManager.VERTICAL);      

mRecyclerView.setLayoutManager(mStaggeredGridLayoutManager);

затем, когда пользователь поворачивает экран захвата события, и изменить количество столбцов автоматически

@Override
public void onConfigurationChanged(Configuration newConfig) {
    super.onConfigurationChanged(newConfig);
    if (getActivity().getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT) {           
            mStaggeredGridLayoutManager.setSpanCount(1);

    } else {           
            //show in two columns
            mStaggeredGridLayoutManager.setSpanCount(2);           
    }
}

Я закончил обработку этого в методе onCreate.

private RecyclerView recyclerView = null;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
    recyclerView.setHasFixedSize(true);
    Configuration orientation = new Configuration();
    if(this.recyclerView.getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT) {
        recyclerView.setLayoutManager(new GridLayoutManager(this, 2));
    } else if (this.recyclerView.getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE) {
        recyclerView.setLayoutManager(new GridLayoutManager(this, 4));
    }
            connectGetApiData();
}

это отлично сработало для моего приложения.


вы можете реализовать метод в вашем recyclerView onMeasure. Сначала создайте класс java AutofitRecyclerView

public class AutofitRecyclerView extends RecyclerView {
//private GridLayoutManager manager;
private StaggeredGridLayoutManager manager;
private int columnWidth = -1;

public AutofitRecyclerView(Context context) {
    super(context);
    init(context, null);
}

public AutofitRecyclerView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init(context, attrs);
}

public AutofitRecyclerView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    init(context, attrs);
}

private void init(Context context, AttributeSet attrs) {
    if (attrs != null) {
        int[] attrsArray = {
                android.R.attr.columnWidth
        };
        TypedArray array = context.obtainStyledAttributes(attrs, attrsArray);
        columnWidth = array.getDimensionPixelSize(0, -1);
        array.recycle();
    }

    manager = new StaggeredGridLayoutManager(1, GridLayoutManager.VERTICAL);
    setLayoutManager(manager);

}

@Override
protected void onMeasure(int widthSpec, int heightSpec) {
    super.onMeasure(widthSpec, heightSpec);
    if (columnWidth > 0) {
        int spanCount = Math.max(1, getMeasuredWidth() / columnWidth);
        manager.setSpanCount(spanCount);
    }
}}

в вашем файле макета xlm activity_main.в XML

<yourpackagename.AutofitRecyclerView
            android:id="@+id/recycler_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:columnWidth="@dimen/column_width"
            android:clipToPadding="false"/>

затем установите переменную в ширину каждого элемента в размере файла значений папки values / dimens.в XML

<resources>
  <dimen name="column_width">250dp</dimen>
</resources>

это может быть для различных значений разрешения экрана-xxhdpi / dimens.в XML

<resources>
 <dimen name="column_width">280dp</dimen>
</resources>

в вашей деятельности в onCreate месте события следующий код

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
    recyclerView.addItemDecoration(new MarginDecoration(this));
    recyclerView.setHasFixedSize(true);
    recyclerView.setAdapter(new NumberedAdapter(50));
}