ボタンの色を変更 (Xamarin)

ボタン色変更

前回作成したボタンの色を変更しました。

 

f:id:k_sharp:20200812171120p:plain

 

変更方法

赤色に変更するのは、BackgroundColor に Color.Red とするだけで、変更できました

bt = new Mbutton() { Text = $"{btnNo}", Tag = btnNo };

bt.BackgroundColor = Color.Red;

 

ただ、全部 赤 って... って感じがしたので、

FormHexで、RGBの指定が出来ます。

bt.BackgroundColor = Color.FromHex(”FFFFFF")

 

1つ1つ指定するのが、面倒なので、適当にbtnNo毎に色を変更しました。

bt.BackgroundColor = Color.FromHex*1;

 

作業メモ


#005 Xamarin (Setup)ボタンの色変更

 

 

 

*1:0xF00 + btnNo*4).ToString(

ボタンの位置を変更(Xamarin)

ボタン位置変更

前回作成したボタンの位置を少し変更しました。

f:id:k_sharp:20200811083846p:plain

 

基本的に、1行目右端に Setupボタン

2行目以降に、通常のボタンを追加しました。

 

 bt = new Mbutton() { Text = $"{btnNo}", Tag = btnNo };
 bt.Clicked += B_Clicked;
 g.Children.Add(bt, x, y);

 

yが行を表して、1行分作成したら、yを更新(y+)

という感じにしてみました。

#なんかかっこ悪いですが...

 

作業記録

 


#004 Xamarin (Setup)ボタンの調整

ボタンを少しカスタマイズ(Xamarin)

Setupを追加

前回の画面に、Setup画面を追加してみました。
まだ、良い位置には追加できていませんが、
一先ず、Setupというボタンを追加するところまで
出来ました。

 

現状はこんな画面

ちょっとSetupボタンの位置は微妙ですが

まずは、Setupボタンを追加できました。

f:id:k_sharp:20200810000532p:plain

まだ、Xamarinが全然わかっていないので、参考にしたURLを

コピペしているだけなんですけど、

まあ、これくらいから始めないと、やらなくなっちゃったり

途中で飽きちゃったりするので、

のんびりのんびりやっていこーっと

 

作成中記録

今回の作成中の記録は以下です


#003 Xamarin (Setup)ボタン追加

 

 今日のメモ

Android画面の下に表示するのは、トースト(Toast)と呼ぶらしし。

・一定時間で表示は消える

・表示中も、他の処理を(気にせず)実行できる

ので、ざっくり使うには便利そう。

 

 

xamarinでボタン表示

Xamarinでボタン表示をするために、参考ページを探してみる

とりあえず、作りたいイメージに合ったような参考になるページを探してみたら、

以下のページが、コード量も少なかったので参考にしてみました。

 

Qiitaの以下のページがとっても参考になりました。

https://qiita.com/hiratarich/items/1fb0da994aa8828a461b

 

ボタンが表示されました

参考ページを元に作成したら、あっさり表示されました。

しかもコードがシンプルなので、簡単なカスタマイズもすぐ出来ました。便利便利

f:id:k_sharp:20200809103058p:plain

 

一連の操作手順

とりあえず操作手順もUpしました。

途中エラーも出たのですが、VisualStudioの機能であっさり解決。

Androidエミュレータの起動がもうちょっと早くなるといいのになぁーなんて思っちゃいます。

(なんか設定の問題なのかな?)

#002 Xamarin ボタン表示

 

 

xamarinを使ってみる

雑談枠

C#Windowsアプリのお勉強をしようと思ったのですが。。。

コロナウイルスの影響で、オンラインミーティングを数回行うことになり、

ちょっとAndroidアプリが欲しくなったので、Androidアプリのお勉強をすることにしました。

 

何を作りたいかというと、

会話中に、「ピンポン」「ブッブー」などのSEを入れたくなったんです。

ちょっとアプリを探したのですが、Androidでお手軽のが見つからなかったので、ちょっと作ってみようかと。。。

 

開発にあたり

Androidは、Javaを使うイメージがあるのですが、C#のお勉強を兼ねれ行いたいので、C#で出来ないか調べたところ、Xamarin というのを使うと出来るらしい。

(ザマリンと読むらしい。なぜかシャマリンと心の中で読んでしまうのはなんでだろう。。。)

 

本当は、VisualStudio 2015で行いたかったのですが、

インストールされているVS2015のエディション的に、

「.Netによるモバイル開発」が選択出来なかったので、

仕方がなく Communityエディション の2019をインストールしてみました。

 

とりあえず、「.Netによるモバイル開発」をチェックすれば出きるっぽい。

 

初めの一歩

とりあえず「空のアプリ」を作成して、実行だけしてみました。

 


#001 Xamarin 初めの一歩

 

一連操作を録画

一連の流れについて動作を記録してみました。

Memoでもいいのですが、ちょっとした行間がわからない ときや、

まあ、この程度はMemoしなくてもいいかな?とか、

あの設定はどこのメニューから開いたっけかな?などで詰まる時があるのと、

アプリの起動時間なども何となくわかるので、

動画だと、細かい行間も把握できるかなぁ~?っと...

 

いつかは、LiveProgmaming的なのが出来たらいいなぁーとか

動画編集の勉強もかねて、とか思いつつ、ちょっとお試しをしてみました。