2017-04-19 7 views
0

DroneDeploy appと書くとき、私はどんなスタイルを使うべきですか?DroneDeployアプリケーションではどのようなスタイルを使用する必要がありますか?

app design guidelinesは、アプリがネイティブのDroneDeployアプリで一貫したデザインにする必要があることを指定しています。どのスタイルがネイティブアプリと一貫しているかをどのように知ることができますか?

公開:私はDroneDeployチームの開発者であり、これはAppプラットフォームの開発者から定期的に得られる質問です。あなたは同じCSSにリンクできDroneDeployスタイルに従うことを、具体的に

<link rel="stylesheet" href="https://s3.amazonaws.com/drone-deploy-plugins/templates/uikit/v1/styles.css"> 

答えて

3

は今、最も簡単な方法はそうのようなアプリのフォルダにあなたのindex.htmlファイルの<head>this CSS fileを追加することですサンプルアプリケーション。上記のスタイルシートのリンクは、具体的例としてアプリ内で、App Design Guidelinesにで見つけることができる例のアプリ

同じCSSに

リンク:

あなたは以下のCSSスタイルガイドラインに固執した場合と、 expandable app example hereを使用すると、正しい軌道に乗っています。

現在、このサンプルアプリケーションは、軽量UIフレームワークに似たデフォルトスタイルのセットを含むan external stylesheetにリンクしています。それは:

  • タイポグラフィ
  • フォームスタイル
  • .container.row、及び.col-*クラスと基本的なグリッドシステムフレームワークを上述したようapp guidelines

で説明したように、単純にリンクthis fileを他の外部スタイルシートと同様に使用することができます。

+0

この情報をありがとう、実際には私はここでそれを探していた:https://dronedeploy.gitbooks.io/dronedeploy-apps/content/styles/dronedeploy-ui-kit.html。このページを更新してください、それは人々の多くを助けるでしょう。 – Vadim

+0

@Vadimサファリのバグのために、UIキットが利用できなくなりました。 – ramblinjan

関連する問題