1

SuperSLiM を使用して GridSLM ビューを実装し、項目をスティッキー ヘッダー付きのグリッド形式で表示することに成功しました。私が直面している主な問題は、ヘッダーを画面の幅全体に設定できないことです。で、結果はこんな感じ。

ここに画像の説明を入力

スクリーンショットから、ヘッダーが位置 0 にある通常の GridSLM アイテムとして反応していることがわかりますが、幅全体を使用していません。

onViewCreated()メインフラグメント用

public void onViewCreated(View view, Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);

    if (savedInstanceState != null) {
        mHeaderDisplay = savedInstanceState
                .getInt(KEY_HEADER_POSITIONING,
                        getResources().getInteger(R.integer.default_header_display));
        mAreMarginsFixed = savedInstanceState
                .getBoolean(KEY_MARGINS_FIXED,
                        getResources().getBoolean(R.bool.default_margins_fixed));
    } else {
        mHeaderDisplay = getResources().getInteger(R.integer.default_header_display);
        mAreMarginsFixed = getResources().getBoolean(R.bool.default_margins_fixed);
    }

    mViews = new ViewHolder(view);
    mViews.initViews(new LayoutManager(getActivity()));
    serviceListDatums = serviceList.getServicesList();
    mAdapter = new MyAdapter(getActivity(), mHeaderDisplay, serviceListDatums);
    mAdapter.setMarginsFixed(mAreMarginsFixed);
    mAdapter.setHeaderDisplay(mHeaderDisplay);
    mViews.setAdapter(mAdapter);
}

マイアダプター

 public MyAdapter(Context context, int headerMode, List<ServicesList> items) {
        mContext = context;
        mHeaderDisplay = headerMode;
        mItems = new ArrayList<>();
        Items = items;

        //Insert headers into list of items.
        int sectionManager = -1;
        int sectionFirstPosition = 0;

        for (int i = 0; i < Items.size(); i++) {
            ServicesList m = Items.get(i);
            if (i == 0) {
                String header = "New Releases";
                mItems.add(new LineItem(header, "", true, sectionManager, sectionFirstPosition));
            }
            mItems.add(new LineItem(m.getServiceName(), m.getIcon(), false, sectionManager, sectionFirstPosition));
        }
    }

    @Override
    public CountryViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view;
        if (viewType == VIEW_TYPE_HEADER) {
            view = LayoutInflater.from(parent.getContext())
                    .inflate(R.layout.header_item, parent, false);
        } else {
            view = LayoutInflater.from(parent.getContext())
                    .inflate(R.layout.text_line_item, parent, false);
        }
        return new CountryViewHolder(view);
    }

    @Override
    public void onBindViewHolder(CountryViewHolder holder, int position) {
        final LineItem item = mItems.get(position);
        final View itemView = holder.itemView;

        holder.bindItem(item.text);
        if (!item.isHeader) {
            holder.bindImage(mContext, item.path);
        }

        final GridSLM.LayoutParams lp = GridSLM.LayoutParams.from(itemView.getLayoutParams());
        // Overrides xml attrs, could use different layouts too.
        if (item.isHeader) {
            lp.headerDisplay = mHeaderDisplay;
            if (lp.isHeaderInline() || (mMarginsFixed && !lp.isHeaderOverlay())) {
                lp.width = ViewGroup.LayoutParams.MATCH_PARENT;
            } else {
                lp.width = ViewGroup.LayoutParams.WRAP_CONTENT;
            }

            lp.headerEndMarginIsAuto = !mMarginsFixed;
            lp.headerStartMarginIsAuto = !mMarginsFixed;
        }
        lp.setSlm(item.sectionManager == LINEAR ? LinearSLM.ID : GridSLM.ID);

        lp.setColumnWidth(mContext.getResources().getDimensionPixelSize(R.dimen.grid_column_width));
        lp.setFirstPosition(item.sectionFirstPosition);
        itemView.setLayoutParams(lp);
    }

    public void setHeaderDisplay(int headerDisplay) {
        mHeaderDisplay = headerDisplay;
        notifyHeaderChanges();
    }

    public void setMarginsFixed(boolean marginsFixed) {
        mMarginsFixed = marginsFixed;
        notifyHeaderChanges();
    }

どんな種類の助けも大歓迎です。

SuperSLiMのサンプル アプリケーションを使用しています。

4

1 に答える 1

5

この例は、ライブラリ開発用のビジュアル テスターとして作成されたものであり、他の方法では利用できない例として提供されただけなので、あまり良くありません。

とにかく、構成可能なヘッダー マージンとヘッダー表示モードをスローすることができ、物事がより理解しやすくなるはずです。

public MyAdapter(Context context, List<ServicesList> items) {
    mContext = context;
    mItems = new ArrayList<>();
    Items = items;

    //Insert headers into list of items.
    int sectionManager = -1;
    int sectionFirstPosition = 0;

    for (int i = 0; i < Items.size(); i++) {
        ServicesList m = Items.get(i);
        if (i == 0) {
            String header = "New Releases";
            mItems.add(new LineItem(header, "", true, sectionManager, sectionFirstPosition));
        }
        mItems.add(new LineItem(m.getServiceName(), m.getIcon(), false, sectionManager, sectionFirstPosition));
    }
}

@Override
public CountryViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    View view;
    if (viewType == VIEW_TYPE_HEADER) {
        view = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.header_item, parent, false);
    } else {
        view = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.text_line_item, parent, false);
    }
    return new CountryViewHolder(view);
}

@Override
public void onBindViewHolder(CountryViewHolder holder, int position) {
    final LineItem item = mItems.get(position);
    final View itemView = holder.itemView;

    holder.bindItem(item.text);

    final GridSLM.LayoutParams lp = GridSLM.LayoutParams.from(itemView.getLayoutParams());
    if (!item.isHeader) {
        holder.bindImage(mContext, item.path);
    }
    lp.setSlm(GridSLM.ID);
lp.setColumnWidth(mContext.getResources().getDimensionPixelSize(R.dimen.grid_column_width));
    lp.setFirstPosition(item.sectionFirstPosition);
    itemView.setLayoutParams(lp);
}

ご覧のとおり、アダプターのレイアウト パラメーターの余分な構成のほとんどを削除しました。代わりに、アイテムとヘッダーの xml レイアウトで好きなように構成する必要があります。

ヘッダーのレイアウトは次のようになります。

<?xml version="1.0" encoding="utf-8"?>
<TextView
    android:id="@+id/text"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:slm_headerDisplay="inline|sticky"
    app:slm_isHeader="true"
    />
于 2015-07-24T13:08:53.973 に答える