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.pexels.com

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

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

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

LabelやImageなどのコントロールはButtonと違ってユーザー操作に対するイベントが設けられていません. これらのコントロールに対してユーザー操作に対するイベントハンドラを設定するには,GestureRecognizersを使います. 例えばImageコントロールに対してタ…

docs.microsoft.com ナビゲーションは,以下のようにページをスタックに積み上げている(Push). 戻るときはそのスタックを上から1つずつ取り除く(Pop)していく. これがナビゲーションスタック. ナビゲーションを使うには,App.xaml.csでMainPageにNavigationPag…

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

WPFやXamarin.FormsなどXAMLを使用するアプリケーションの場合,ビューとロジックを分離するためにCommandを使ったりします. 一般的な書き方は以下のとおりです. (注意:RefreshCommand = new Command(ExecuteRefreshCommand);はthis.BindingContext = this;よ…

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 …

docs.microsoft.com マークアップ拡張のx:staticを使うとクラスのStaticプロパティにアクセスできる. 例えば,こんなクラスを定義しておく. public class SharedSources2 { public static string MyTestProperty2 => "Hello World"; } そして,XAML側では最上…

プロジェクト内の任意の名前空間をXamlで参照するには以下のようにする. xmlns:models="clr-namespace:XFDesignTimeData.Models" xmlns:{名前}="clr-namespace:{プロジェクト内の任意の名前空間}"

環境 ASP.NET(Framework) .NET Framework 4.6.1 動いたコードを残す. 配列をPOSTして,同じ配列を受け取る. Controller public class ProductsController : Controller { [HttpPost] public ActionResult GetProduct(string[] names) { return Json(names); }…

ambilykk.com 環境 Windows10 1908 .NET Core 3.1 preview 3 ウィンドウを表示させない 常駐型アプリの体裁としてウィンドウを表示させないということは大事なことです. コンソールアプリの場合 ソリューションエクスプローラで右クリックしてコンテキストメ…

こちらを参考にした. whoopsidaisies.hatenablog.com 事前準備 SendKeysを試すためにMicrosoft.VisualBasicアセンブリを使うので追加しておく.SendKeysを使うこと自体には関係ない. ソリューションエクスプローラで,プロジェクトの｢References｣を右クリック…

複数のボタンを同じCommandにバインディングし,どのボタンが押されたのかをパラメータで区別したいときがある. その場合はコマンドにCommand型のインスタンスを以下のようにして渡す. public ICommand SendMessageCommand { get; } public MainPageViewModel…

以前に記事を書いたリアルタイムチャットアプリ shuhelohelo.hatenablog.com と, Chrome拡張機能とサーバーをSignalRを使って接続する, shuhelohelo.hatenablog.com の2つを使って,チャットアプリから送ったメッセージを拡張機能で受け取って,ウェブページの…

前回まででContent ScriptでjQueryを使えるようにした. shuhelohelo.hatenablog.com 今回はContent ScriptからSignalRを使えるようにする. SignalRのJavaScriptライブラリを取得 JavaScriptのSignalRはnpmで取得できる. www.npmjs.com npmを使うためにnode.j…

前回はContent Scriptの作り方について書いた. shuhelohelo.hatenablog.com Content Scriptから表示中のウェブページのDOMを操作できるが,素のJavaScriptだと少し効率が良くないこともある. そこで,今回はContent ScriptでjQueryを使う手順を書く. jQueryの…

拡張機能から表示中のウェブページに対して操作を行いたい場合,content scriptを使う. content scriptからであればウェブページのDOMの編集を行える. 今回はシンプルに表示中のウェブページの''要素内に'Hello World'を追加するだけのシンプルなものを作る. …

＜2018年一人なんでもアドベントカレンダー1日目＞ はじめに Firefoxの拡張機能を公開したい場合、ストアに申請して公開するのが通常の方法ですが、公開条件を満たす必要があります。 例えば、社内用アプリケーションを使って社員のみが使うような拡張機能の…

はじめに ChromeやFirefoxで採用されているWebExtensionsによる拡張機能の開発を前提に話をします。 拡張機能の作り方は思ったより簡単ですし、ストアへの公開時の審査も厳しくないので敷居は低く、でも自分や他人の役に立ちやすいので、おすすめの開発だと…