я могу сделать мой взгляд переработчика отзывчивым относительно размеров экрана? - PullRequest
Новая
       19

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

0 голосов
/ 01 июня 2018

Это мой код, где я отображаю 2 элемента в строке. 

extends Fragment {

private RecyclerView recyclerView;
private AlbumsAdapter adapter;
private List<Album> albumList;
protected View view;
private FloatingActionButton fab;


@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    view = inflater.inflate(R.layout.fragment_ebooks, container, false);
    fab = (FloatingActionButton) view.findViewById(R.id.fab);
    fab.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            Intent intent = new Intent(getActivity(), ProductsActivity.class);
            startActivity(intent);
        }
    });
    initCollapsingToolbar();

    recyclerView = (RecyclerView) view.findViewById(R.id.recycler_view);

    albumList = new ArrayList<>();
    adapter = new AlbumsAdapter(getActivity(), albumList);

    RecyclerView.LayoutManager mLayoutManager = new GridLayoutManager(getActivity(), 2);
    recyclerView.setLayoutManager(mLayoutManager);
    recyclerView.addItemDecoration(new GridSpacingItemDecoration(2, dpToPx(10), true));
    recyclerView.setItemAnimator(new DefaultItemAnimator());
    recyclerView.setAdapter(adapter);

    prepareAlbums();

    try {
        Glide.with(this).load(R.drawable.cover).into((ImageView) view.findViewById(R.id.backdrop));
    } catch (Exception e) {
        e.printStackTrace();
    }
return view;
}


/**
 * Initializing collapsing toolbar
 * Will show and hide the toolbar title on scroll
 */
private void initCollapsingToolbar() {
    final CollapsingToolbarLayout collapsingToolbar =
            (CollapsingToolbarLayout) view.findViewById(R.id.collapsing_toolbar);
    collapsingToolbar.setTitle(" ");
    AppBarLayout appBarLayout = (AppBarLayout) view.findViewById(R.id.appbar);
    appBarLayout.setExpanded(true);

    // hiding & showing the title when toolbar expanded & collapsed
    appBarLayout.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {
        boolean isShow = false;
        int scrollRange = -1;

        @Override
        public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
            if (scrollRange == -1) {
                scrollRange = appBarLayout.getTotalScrollRange();
            }
            if (scrollRange + verticalOffset == 0) {
                collapsingToolbar.setTitle(getString(R.string.app_name));
                isShow = true;
            } else if (isShow) {
                collapsingToolbar.setTitle(" ");
                isShow = false;
            }
        }
    });
}

/**
 * Adding few albums for testing
 */
private void prepareAlbums() {
    int[] covers = new int[]{
            R.drawable.album1,
            R.drawable.album2,
            R.drawable.album3,
            R.drawable.album4,
            R.drawable.album5,
            R.drawable.album6,
            R.drawable.album7,
            R.drawable.album1,
            R.drawable.album2,
            R.drawable.album3,
            R.drawable.album4};

    Album a = new Album("Management..", "Donald", covers[0]);
    albumList.add(a);

    a = new Album("Officers search", "John.A", covers[1]);
    albumList.add(a);

    a = new Album("Court Security", "Carter", covers[2]);
    albumList.add(a);

    a = new Album("Officer DUI", "John", covers[3]);
    albumList.add(a);

    a = new Album("Criminal Evedence", "Larry", covers[4]);
    albumList.add(a);

    a = new Album("Criminal Procedure", "Larry", covers[5]);
    albumList.add(a);

    a = new Album("Officers DUI", "John", covers[6]);
    albumList.add(a);

    a = new Album("K9 Officers..", "Ken", covers[7]);
    albumList.add(a);

    a = new Album("Officers search", "John", covers[8]);
    albumList.add(a);

    a = new Album("Tactical Spanish", "Larry", covers[9]);
    albumList.add(a);

    adapter.notifyDataSetChanged();
}

/**
 * RecyclerView item decoration - give equal margin around grid item
 */
public class GridSpacingItemDecoration extends RecyclerView.ItemDecoration {

    private int spanCount;
    private int spacing;
    private boolean includeEdge;

    public GridSpacingItemDecoration(int spanCount, int spacing, boolean includeEdge) {
        this.spanCount = spanCount;
        this.spacing = spacing;
        this.includeEdge = includeEdge;
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        int position = parent.getChildAdapterPosition(view); // item position
        int column = position % spanCount; // item column

        if (includeEdge) {
            outRect.left = spacing - column * spacing / spanCount; // spacing - column * ((1f / spanCount) * spacing)
            outRect.right = (column + 1) * spacing / spanCount; // (column + 1) * ((1f / spanCount) * spacing)

            if (position < spanCount) { // top edge
                outRect.top = spacing;
            }
            outRect.bottom = spacing; // item bottom
        } else {
            outRect.left = column * spacing / spanCount; // column * ((1f / spanCount) * spacing)
            outRect.right = spacing - (column + 1) * spacing / spanCount; // spacing - (column + 1) * ((1f /    spanCount) * spacing)
            if (position >= spanCount) {
                outRect.top = spacing; // item top
            }
        }
    }
}

/**
 * Converting dp to pixel
 */
private int dpToPx(int dp) {
    Resources r = getResources();
    return Math.round(TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, r.getDisplayMetrics()));
}

Используя эту строку кода, я отображаю 2 элемента в строке. 

RecyclerView.LayoutManager mLayoutManager = new GridLayoutManager(getActivity(), 2);

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

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

Пожалуйста, помогите мне сделать так, чтобы представление переработчика реагировало динамически.

1 Ответ

0 голосов
/ 01 июня 2018

Самый простой способ решить вашу проблему - определить целое число ресурса, к которому вы обращаетесь из кода.Например, если вы хотите, чтобы на обычных экранах было 2 строки, добавьте следующую строку в inteers.xml в папке res \ values ​​ в res: 

<integer name="number_of_grid_items">2</integer>

И если вы хотите, чтобы на экранах xxxhdpi было 3 элемента, добавьте следующую строку в файл inteers.xml в папке res \ values-xxxhdpi : 

<integer name="number_of_grid_items">3</integer>

Если какого-либо из этих файлов еще не существует, просто создайте их так, чтобы они выглядели так: 

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

Чтобы получить доступ к этим ресурсам в вашем коде, просто измените строку, в которой вы создаете GridLayoutManager to: 

RecyclerView.LayoutManager mLayoutManager = new GridLayoutManager(getActivity(), getActivity().getResources().getInteger(R.integer.number_of_grid_items));

Надеюсь, что это поможет, и, пожалуйста, дайте мне знать, если у вас есть дополнительные вопросы ..

...