問題タブ [staggeredgridlayout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2922 参照

ios - iOSでreact-nativeを使用してAndroid StaggeredGridViewのようなレイアウトを作成する方法はありますか

Android StaggeredGridLayout を使用すると、Pinterest のように高さの異なる列にカードをレイアウトできます。これは iOS で React-native を使用して可能ですか?

0 投票する
1 に答える
3222 参照

gridview - Androidの各行にRecyclerViewの項目を揃える

RecyclerView を StaggeredGridLayoutManager と共に使用して、アプリケーションでコースのテーブルを表示していますが、下の図のように問題ありませんでした。

ここに画像の説明を入力

しかし、下の図のように、2 行目のすべてのアイテムが同じ行で始まるように調整するにはどうすればよいですか。 ここに画像の説明を入力

これは私のフラグメントの onCreateView() メソッドです:

そして、これは Adapter MyCustomAdapter.java かもしれません:

そしてこれがfragment_orders.xml

私を助けてください、私はこの問題にすべての時間を費やしましたが、同様のものは得られません

0 投票する
1 に答える
908 参照

android - Android で Facebook の写真グリッド配置を実装する方法

私のアプリでは、GridLayoutManagerと spansize を使用して写真を配置しました。ただし、このソリューションは静的な写真のレイアウトのみを作成し、Facebook のアプリのような動的なレイアウトは作成しません。たとえば、3 枚と 5 枚の写真を含むグリッド レイアウトは次のとおりです。 ここに画像の説明を入力

ここに画像の説明を入力

そして、ここに 3 枚と 5 枚の写真を含む Facebook のアプリ グリッド レイアウトがあります。

ここに画像の説明を入力

ここに画像の説明を入力

Facebookのアプリは、各写真の幅と高さに基づいてGridLayoutManagerまたはStaggeredGridLayoutManagerを使用してグリッドレイアウトを表示することを決定していると思います。Facebook のグリッド写真を実装するためのアイデアを教えてください。

0 投票する
1 に答える
1106 参照

android - StaggeredGridLayoutManager を使用した Android RecyclerView が垂直モードで行の高さを固定

StaggeredGridLayoutManager を使用して、Android v7 サポート ライブラリの Recycler View (カード ビュー付き) を使用しています。私が達成したいのは、行の高さが固定されたリサイクラー ビューでカードを表示することですが、それでも垂直モード (垂直スクロール) です。これが可能かどうか、可能であればどうやって知っていますか?

サンプル画像

0 投票する
1 に答える
1125 参照

android - StaggeredGridLayoutManager を使用して RecyclerView の Android スケール アイテムの高さを列幅に合わせます

私は RecyclerView を StaggeredGridLayoutManager で垂直方向に使用しています。RecyclerView のアイテムには、ImageView という 1 つのビューのみが含まれます。ImageView の高さを RecyclerView の列幅に合わせてスケーリングし、含まれる写真の縦横比を維持したいと思います。現在、この画像ビューのパラメーターは次のとおりです。 android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="centerCrop" ただし、RecyclerView のアイテムの高さは写真の元の高さと一致し、写真はちょうど中央に配置されます。どうすればそれを達成できますか?

0 投票する
0 に答える
1059 参照

android - staggeredgridlayoutmanager HORIZONTAL 行を最初に埋める

私はAndroidで次のようなビューのリストを達成しようとしています:

これを私にとって問題にしたいくつかの特定の動作:

  • ビューのリスト (赤色)。動的にすることができ、サイズを変えることができます
  • ビュー フローは、次のように行の次に列にする必要があります。

]

Recycleview とレイアウト マネージャー StaggeredGridLayoutManager (アダプター onCreateViewHolder でセルの高さを設定) を使用して、最初の要件を達成することができました。

しかし、レイアウト自体が入力される方法は、必要なものとは反対の方向です(次のように、列に入力してから行に入力します)

3]

または、Android アプリで実際にどのように見えるか:

4]

必要に応じてアイテムをレイアウトするようにレイアウト マネージャーを設定することはできますか? 使用可能なすべてのビューをテーブルレイアウトに配置してから可視性を切り替えるなど、他のソリューションを試しましたが、それにも制限があり、recycleview ソリューションを好みます。

0 投票する
2 に答える
1134 参照

android - リサイクラー ビュー グリッドレイアウト マネージャーでバス レイアウトを作成する際の間隔の問題

バスレイアウトを作成するために GirdLayout Manager でリサイクラービューを使用しています

私の問題は、行の列に従ってデータを入力している間隔にあります

これは私がレイアウトを取得する方法です ここに画像の説明を入力

これが私のレイアウトのあり方です: ここに画像の説明を入力

写真に示されているように、行 2 列 0 の寝台席の横にある行 3 と列 2 にアイテムが必要です。そのスペースを削除するにはどうすればよいですか。アイテムはその上のアイテムに従って収容する必要があります。

これは私の customGridAdapter onBindViewHolder です

}

これはリサイクルビューです

およびシート レイアウト xml

0 投票する
4 に答える
1995 参照

android - android:staggergridlayout シャッフルを上に移動中

ずらしたグリッドレイアウトを使用しています。以下はコードです:

GAP_HANDLING_NONEある列から別の列への画像の交換を避けるために使用しています。

アプリを起動すると、画面の最初は次のようになります。

ここに画像の説明を入力

一番下までスクロールした後、一番上に戻ったとき。次の 3 つの画像はランダムにレイアウトを示しています (変化し続けます)。

ここに画像の説明を入力

ここに画像の説明を入力

ここに画像の説明を入力

0 投票する
0 に答える
710 参照

android - StaggeredGridLayoutManager のバグ

私はそのような問題を抱えています。リサイクラー ビューのすべての画像が右側に転送されます。 スクリーンショット これは私のアダプターです

これが私の行ビューです

ギャップ攻略もやってみGAP_HANDLING_MOVE_ITEMS_BETWEEN_SPANSました。同じこと。