次の Xamarin.Forms グリッドを生成する: ドラッグ アンド ドロップと同じくらい簡単です

他の開発プラットフォームを使用したことがある場合は、コントロールなどをコードにドラッグ アンド ドロップできるネイティブ ツールボックスの使用に慣れているでしょう。これで、Xamarin.Forms を使用することにしました...そして、ツールボックスはありません。

そこで、Xamarin用のUltimate UI Controlsが登場し、世界初の NuGet を利用したXamarinツールボックスである Infragistics Toolbox を提供します。フォーム。このツールボックスを使用すると、使用するコンポーネントまたはコントロールをドラッグ アンド ドロップすると、XAML コードが自動的に生成されます。

まず、作成したアプリを開きます。ソリューションを開いたら、プロジェクトを右クリックし、[ソリューションの NuGet パッケージの管理] を選択します。

NuGet パッケージ マネージャーの [参照] タブで、XF を検索します。DataGridです。Infragistics.XF.DataGridパッケージを選択し、チェックマークを付けてプロジェクトのパッケージを有効にします。[インストール]をクリックして、パッケージをソリューションに追加します。

パッケージを追加したので、ツールボックスを開いて何があるか見てみましょう。ツールボックスを開くには、[表示] -[その他のウィンドウ] > [> Infragistics Toolbox] をクリックします。

インストールしたパッケージを使用すると、ツールボックスにさまざまなレイアウト、ビュー、セルが表示されるはずです。ここでは、特にグリッドの使用に焦点を当てます。

前のブログで作成したソリューションを使用すると、GridPage.xamlという名前のビューが既に存在します。ツールボックスを操作できるように、このページを開きましょう。ページを開いた状態で、カーソルを線に置き、ツールボックスの[グリッド]をダブルクリックします。

空白のグリッドが自動的に作成されます。この時点では、グリッドはあまり面白くありません。それでも、どのように見せたいか、データがどのように表示されるかに基づいてカスタマイズする必要があります。このグリッドを削除してから、別の方法で追加しましょう。カーソルを線に置いた状態で、Ctrlキーを押しながらグリッドレイアウトをダブルクリックします。

ここで、リアルタイムの節約について話しています。グリッドが作成されるだけでなく、グリッドのレイアウトは、2 列と 5 行を自動的に提供することで、より複雑になります。このショートカットは、グリッドとツールボックス内の他のすべてのコントロールに使用します。

この紹介ビデオでは、ドラッグ アンド ドロップしてページをすばやくデザインし、コーディングと書式設定を自動化できるビュー、レイアウト、ツールチップを順を追って説明し、ツールボックスを使用してモバイル アプリを構築し始めます。

Infragistics Toolbox を使用してレイアウトとビューの作成時間を節約する方法を確認する準備はできていますか?開始するには、Xamarinの UI コントロールの試用版をダウンロードしてください。また、ビデオやレッスンもご用意しております。