ブログBlog
XDでボタンのホバーとフォーカス時の作り方
投稿日:2021年08月02日 デザイン
こんにちは
山根です
今回はXDでボタンのホバーとフォーカス時の作り方を紹介しようと思います。
コンポーネントへの複数ステートの追加
作成の仕方
コンポーネントを作成し、リピートグリッドの下にコンポーネント(メイン)があるので+を押下。選択肢にホバーステートとトグルステートがあるのでどちらかにフォーカスを置き、デザインを変えるとホバー時やクリックした時のデザインを作成することが出来ます。
デザインが終わったら初期設定のステートにフォーカスを置いて上の再生アイコンを押すと実際の動作を確認することが出来ます。
![](http://www.glissando.co.jp/wp_gliss/wp-content/uploads/2021/08/画面サイズ1366768-1024x576.png)