Repolode
shabake

shabake/GHDropMenuDemo

ECアプリを参考にした、ドロップダウン・スライドイン・タグ選択に対応するiOS向けフィルターメニューコンポーネント。

スター
657
フォーク
88
未解決の Issue
16
最終コミット
3 か月前

これは何?

GHDropMenuは、ECアプリやフードデリバリーアプリのような商品フィルター画面を作るためのObjective-C製iOSコンポーネントです。タイトルバー付きの上部ドロップダウンメニュー、全画面のスライドイン式フィルターパネル、UITableViewを使ったフローティングフィルターリストを備えています。標準のUIViewなので、GHDropMenuフォルダをXcodeプロジェクトにコピーし、ビューコントローラーからメニューを呼び出すだけで組み込めます。

リポジトリには実行可能なデモアプリがあり、Objective-CとSwiftの画面例を別々に用意しています。通常、複雑なレイアウト、スライドイン、固定表示、Meituan風のフィルターレイアウトを確認できます。それぞれの例はソースファイルと対応しているため、必要なパターンをコピーして利用できます。Flutter版は別途管理されています。対象はiOS 13.0以降です。

主な機能

  • 01ページ上部にタイトルバーを備えたドロップダウン式フィルターメニュー。
  • 02タグ選択に対応する全画面のスライドイン式フィルターパネル。
  • 03UITableViewを使ったフローティングフィルターリスト。
  • 04実行可能なデモアプリに含まれるObjective-CとSwiftの使用例。
  • 05単一のフォルダをXcodeプロジェクトにコピーするだけで組み込める。

ユースケース

  • iOSのショッピングアプリやECアプリに商品フィルターを追加する。
  • フードデリバリーアプリ風のカテゴリ・並べ替えメニューを作る。
  • 一覧画面にスライド式フィルターパネルを実装する。

クイックスタート

  1. 1

    XcodeでGHDropMenuDemo.xcodeprojを開き、シミュレータでGHDropMenuDemoターゲットを実行します

  2. 2

    「項目をコピー」にチェックを入れて、GHDropMenuフォルダをXcodeプロジェクトにドラッグします

  3. 3

    メニューを使うページでGHDropMenu.hをインポートします(SwiftではBridging Headerを使用します)

使う前に知っておきたいこと

  • iOSのみを対象としており、対応する最低バージョンはiOS 13.0です。
  • パッケージマネージャーではなく、ソースファイルをプロジェクトにコピーして組み込みます。

トピック

#ios#objective-c#ui-component#filter-menu#dropdown#uikit#dropmenu#ghdropmenu

よくある質問

GHDropMenuDemo とは?
ECアプリを参考にした、ドロップダウン・スライドイン・タグ選択に対応するiOS向けフィルターメニューコンポーネント。 GHDropMenuは、ECアプリやフードデリバリーアプリのような商品フィルター画面を作るためのObjective-C製iOSコンポーネントです。タイトルバー付きの上部ドロップダウンメニュー、全画面のスライドイン式フィルターパネル、UITableViewを使ったフローティングフィルターリストを備えています。標準のUIViewなので、GHDropMenuフォルダをXcodeプロジェクトにコピーし、ビューコントローラーからメニューを呼び出すだけで組み込めます。
GHDropMenuDemo は無料で使えますか?ライセンスは?
GHDropMenuDemo は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
GHDropMenuDemo は今もメンテナンスされていますか?
半年以内に更新あり。GHDropMenuDemo の最終コミットは 2026年8月20日 です。
GHDropMenuDemo は何に使えますか?
iOSのショッピングアプリやECアプリに商品フィルターを追加する。 フードデリバリーアプリ風のカテゴリ・並べ替えメニューを作る。 一覧画面にスライド式フィルターパネルを実装する。
GHDropMenuDemo のインストール方法は?
XcodeでGHDropMenuDemo.xcodeprojを開き、シミュレータでGHDropMenuDemoターゲットを実行します 「項目をコピー」にチェックを入れて、GHDropMenuフォルダをXcodeプロジェクトにドラッグします メニューを使うページでGHDropMenu.hをインポートします(SwiftではBridging Headerを使用します)
GHDropMenuDemo はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/shabake/GHDropMenuDemo

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト