スライディングボタン[イオン]

Question

イオンフレームワークを使って下の写真のようにスライドボタンを作るにはどうすればいいですか？

Answer 1

恐ろしい質問！

一般的にCSSまたはウェブコミュニティでは、これをトグルボタンといいます。 ionicの公式ウェブサイトによると、それをあなたが呼ぶものは、あなたが探している結果を得ることはできません。ここで

は公式のコードスニペットです：

<ion-toggle ng-model="airplaneMode" toggle-class="toggle-calm">Airplane Mode</ion-toggle> 

そして、ここではそれ

に行くそして、あなたはもうこの関連の質問を持っている場合は、公式docsをチェックアウトする必要がありますその公式Codepenです！

ハッピー開発！

編集：

あなたが欠けている私は私が共有するより良い解決策を見つけた場合、イオンと完全に可能ではないと思うが、私は今、困惑しているように見える：/

EDIT2：Iこれは単に共通することではないと思われるほど悪いと結論づけ始めています。 IOSでは、どのような例でも見つからない、標準のトグルボタンだけです。アニメーションはチェックボックスのように行われます。だから本質的にあなたはそれをチェックしている。それはちょっと違って見えます。これを自分でエンジニアリングする必要があるかもしれません。もう一度、私が見つけたらもっと良い解決法を追加しますが、今のところ、あなたが望むように正確にそれを得る方法はないと思います。