2016-10-03 5 views
0

モバイルアプリのページにスクロール可能なメニューを追加したいと思います。
ここでは、転送、勘定、支払い、トランザクションはXMLファイルから生成されます。
残りはスタティックレイアウトです。

私はXamarin.Formsを使用しています。
私は、UIコンポーネントを動的に生成し、Xamarin.Formsを使用してプレースホルダにそれらを添付する方法を知りたいと思います。人々が言っ​​たようにXamarin.Formsの動的UI

Screenshot

+0

XAMLを使用してUIを構築し、Xamarinサイトでプログラムで作成する例が数多くあります。具体的に何を理解していないのですか? – Jason

+0

@Jason私は、人々が終わりを達成する方法のアイデアを思い付くようにしたい。そうすれば、私が得たより優れたソリューションが見えたら、そのソリューションを採用することができます。私のソリューションが提案されたすべてのソリューションより優れている場合、またはソリューションが提案されていない場合は、私のソリューションを掲載することができます。これがコードを学ぶ方法であり、このようなQ&Aサイトでこれを行った人は、長時間の作業を助けることができました。私は有効な質問があると思う。 –

+0

@SandahAungこれは有効な質問です。つまり、ソリューションを最初に投稿し、ソリューションが問題を提起しているかどうかを批判することをお勧めします。 – techsaint

答えて

2

動的なUIの作成は簡単で、多くの例があります。しかし、私は問題があなたのニーズに応じて独自のコントロールを作成していると思います。例えば、私はこのようなことで画像を自分のボタンを書いてしまった:

enter image description here

ですから、垂直スタックレイアウト(外容器を言うことができます)を作成する方法を記述し、水平を追加する必要がありますコンテナをこの「内部コンテナ」にイメージとラベルを追加し、「innerContainer.Horizo​​ntalOptions = LayoutOptions.Center」などにします。境界線が必要な場合は複雑になります。

enter image description here

Vertical Stack (whole container) 
->Vertical Stack (height 2px) upper border 
->Horizontal Stack (to hold middle controls,left border,inner image and text holder, right border etc.) 
    ->Horizontal Stack (width 2 px) left border 
    ->Vertical Stack (layoutOptions=Fillandexpand) 
     ->Image (layoutOptions=Center) 
     ->Label (layoutOptions=Center) 
    ->Horizontal Stack (width 2 px) right border 
->Vertical Stack (height 2px) lower border 

だから、この秘密のようなコントロールに加わる必要があります。まず、コードよりも既存のコントロールを使ってコントロールを描画する方法を考えてください:)私は自分自身を明確にしたいと考えています。

+0

テーブルセル内でこの戦略を使用するように注意してください。このようなStackLayoutsをネストすると、パフォーマンスが大幅に低下する可能性があります。 –

関連する問題