目次
- はじめに
- 記事紹介
- 最後に
はじめに
Irisでアプリの画面を作る際、各ウィジェットを使ってどのようにUI実装を行えば良いか迷う場面があるかと思います。
そこで今回は、UIを作成する際に参考になりそうな記事の一覧をまとめてみました!
初めてIrisを使ってアプリデザインを作る方など是非参考にしてみてくださいね!
また、初心者向けの学習コンテンツも用意しています。
3章の「Exercise1 デザインを元にモバイルで画面を作ってみよう」では、UIの作成方法も学ぶことができますので、基礎から学びたい方はこちらもご参考ください
記事紹介
各項目でUIを実装するための方法を書いた記事のリンクを貼っておきます。
実装したいUIの例を確認して、興味のある記事を参考にしてみてください👀
画像付きのボタンを作成する方法
画像ファイルを使わずにデフォルトアイコンを使ってUIを作成してみた
画像ファイルを使わずに、以下のようなステータスバーを作成することができるようになります。
フッターメニューを作成する方法
このようなUIを作成することができるようになります。
— Kony (@Kony12763790) March 22, 2021
リッチテキストを使って簡単な商品紹介ページを作成
RichText Widgetを使ってこのようなUIを作成することができるようになります。
Visualaizerでアコーディオンメニューを作ってみる
VisualizerでTabPane Widgetを利用する方法
このようなUIを作成することができるようになります。
— Kony (@Kony12763790) March 31, 2021
最後に
新しい記事が更新されたら随時更新していきます!