ListViewやCollectionViewといったコレクションをリスト表示する系のコントロールは,各項目の見た目をDataTemplateで定義します. これによって好きな各項目を任意の見た目で表示することができます. このDataTemplateによる見た目の指定はシンプルに使えばす…

更新 2020/03/12に,Xamarin.Forms 4.6 pre1に更新. 環境 Xamarin.Forms 4.6 preview 1 はじめに CarouselViewを使うためには明示的に使用を許可しなければならない. まだExperimentalというこのようです. : 'The class, property, or method you are attempt…

Frameを二重にして重ね合わせることで枠線があるように見せることができます. <Frame Padding="4" BackgroundColor="White" CornerRadius="60" HasShadow="False" HorizontalOptions="Center" IsClippedToBounds="True" VerticalOptions="Center"> </frame>

以前に丸い画像を表示する方法としてImageCircleというライブラリを使う方法を紹介しました. shuhelohelo.hatenablog.com 他の方法としてFrameを使う方法があり,今回はそれの紹介です. montemagno.com FrameにはCornerRadiusというプロパティがあり,角を丸く…

mattsudev.hatenablog.com Xamarin.Formsで画像をタイル状に表示させるときに,各タイルに余白が生まれてしまうので,ちょっと調べてメモ. 上記のブログがとてもわかり易かったです. Aspectとは縦横比のこと. 目的はこの縦横比を維持したまま,もちろん画像は切…

とりあえずこちらから入手していく. www.flaticon.com こっちもいいな. icooon-mono.com

Xamarin.FormsではUIコントロールにシンプルなアニメーションをつけることができます.という記事を以前にかきました. shuhelohelo.hatenablog.com シンプルとはいえ,これらを組み合わせることでそれっぽいおしゃれな動きをさせることができます. 今回はよく…

Xamarin.Fomrsで. 描画される前にUIコントロールの状態を変更しておきたい時がある. そういうときはOnSizeAllocatedメソッドをオーバーライドする. これはページ内のUIコントロールのサイズが決定されたときに呼ばれる. どうやらこの時点でページだけでなく,…

www.c-sharpcorner.com おしゃれなUIに丸い画像は欠かせません.丸くするだけでオシャレ度はぐぐっと上がります. 特にユーザーのアバター画像は丸いのが必須です. しかしながら,Xamarin.FormsのImageにはCornerRadiusといった角を丸めるプロパティは存在しな…

docs.microsoft.com 環境 Visual Studio 2019 16.4 preview Xamarin.Forms 4.3 preview Shellってどんなコントロール? 横から出てくるメニューが特徴的なUIコントロール.その他にもサーチバーやタブといった機能が統合されている. それぞれのページが同列の…

海外のアニメっぽいアバター画像を自動生成してくれるサービス. アプリケーションの作成でサンプルのアバター画像が必要になることが多いのでかなり役に立ちます. robohash.org https://robohash.org/の後に適当な文字列(本当になんでもいい)を指定すると,画…

devblogs.microsoft.com RefreshViewとはディスプレイを下にぐいっと引っ張ったときに更新処理が行われるおなじみのあれです. おなじみのアレ↓ この更新中のぐるぐるを表示させるには,更新をかけたいUIコントロールをRefreshViewで囲むだけです. このぐるぐ…

docs.microsoft.com ListViewの行の見た目を変更するにはListView.ItemTemplateの中にDataTemplateを配置し,またその中にViewCellを配置する. このViewCellの中にコントロールを配置すれば良い. <ListView ItemsSource="{Binding People}" HasUnevenRows="True"> <ListView.ItemTemplate> <DataTemplate> <ViewCell> ...ここ! </ViewCell> </DataTemplate> </listview.itemtemplate></listview>

youtu.be Xamarin.Formsにはコントロールをアニメーションさせるシンプルなメソッドが用意されています. アニメーションの種類 UIコントロールのアニメーションには以下の種類があります. docs.microsoft.com FadeTo 透明度を上げたり下げたりする LayoutTo …