Submit Search
Upload
Xamarin.Forms CSS 触ってみました
•
Download as PPTX, PDF
•
0 likes
•
1,627 views
yuta ito
Follow
2018/05/23(水) 19:00〜 初心者歓迎XamarinのLT会!Xamarin入門者の集い #4
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 21
Download now
Recommended
Xamarinを利用したアプリ開発
Xamarinを利用したアプリ開発
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
Xamarinとmvvm crossとf#と
Xamarinとmvvm crossとf#と
Masahiko Miyasaka
Cross platform development with Xamarin 2.0 + MvvmCross
Cross platform development with Xamarin 2.0 + MvvmCross
Shin Ise
2016.10.15アプリ発表会
2016.10.15アプリ発表会
b a
Xamarin入門(技術というより心構え編)
Xamarin入門(技術というより心構え編)
Makoto Nishimura
OthloEvent #9 Xamarinハンズオン
OthloEvent #9 Xamarinハンズオン
Hidetsugu Tamaki
Xamarin 概要 @ 「Xamarin」って何? Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Xamarin 概要 @ 「Xamarin」って何? Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Yoshito Tabuchi
Xamarin 概要 @ 2015/1/29 CROSS 2015
Xamarin 概要 @ 2015/1/29 CROSS 2015
Yoshito Tabuchi
Recommended
Xamarinを利用したアプリ開発
Xamarinを利用したアプリ開発
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
Xamarinとmvvm crossとf#と
Xamarinとmvvm crossとf#と
Masahiko Miyasaka
Cross platform development with Xamarin 2.0 + MvvmCross
Cross platform development with Xamarin 2.0 + MvvmCross
Shin Ise
2016.10.15アプリ発表会
2016.10.15アプリ発表会
b a
Xamarin入門(技術というより心構え編)
Xamarin入門(技術というより心構え編)
Makoto Nishimura
OthloEvent #9 Xamarinハンズオン
OthloEvent #9 Xamarinハンズオン
Hidetsugu Tamaki
Xamarin 概要 @ 「Xamarin」って何? Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Xamarin 概要 @ 「Xamarin」って何? Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Yoshito Tabuchi
Xamarin 概要 @ 2015/1/29 CROSS 2015
Xamarin 概要 @ 2015/1/29 CROSS 2015
Yoshito Tabuchi
Xamarin概要と活用方法
Xamarin概要と活用方法
Yoshito Tabuchi
Xamarin 概要 2017/01/15
Xamarin 概要 2017/01/15
Yoshito Tabuchi
Docmgt_004
Docmgt_004
Ryoki Tsusumi
[MW08] de:code イベントアプリの作り方 ~ Xamarin.Forms で開発しています ~
[MW08] de:code イベントアプリの作り方 ~ Xamarin.Forms で開発しています ~
de:code 2017
Docmgt_001
Docmgt_001
Ryoki Tsusumi
Docmgt_003
Docmgt_003
Ryoki Tsusumi
Xamarin 概要 @ 2014/10/18 わんくま同盟 東京勉強会 #92
Xamarin 概要 @ 2014/10/18 わんくま同盟 東京勉強会 #92
Yoshito Tabuchi
BlueMonkeyプロジェクトのご紹介
BlueMonkeyプロジェクトのご紹介
Yoshito Tabuchi
XamarinStudio勉強会 2014/09/08
XamarinStudio勉強会 2014/09/08
孝文 田村
Xamarin概要
Xamarin概要
Yoshito Tabuchi
Xamarin.formsとカスタムコントロールの話
Xamarin.formsとカスタムコントロールの話
Masuda Tomoaki
Xamarin で Prism を使いたい! ~「正式対応」 まで待てない人のための Prism 利用 Tips~
Xamarin で Prism を使いたい! ~「正式対応」 まで待てない人のための Prism 利用 Tips~
Tatsuji Kuroyanagi
Xamarin を使用したC# によるモバイルアプリ作成
Xamarin を使用したC# によるモバイルアプリ作成
Yoshito Tabuchi
Xamarin Native vs Xamarin Forms
Xamarin Native vs Xamarin Forms
Tomohiro Suzuki
Xamarin の救世主 Unity !
Xamarin の救世主 Unity !
Tatsuji Kuroyanagi
10分でわかる無料になったXamarin
10分でわかる無料になったXamarin
Yoshito Tabuchi
Xamarinは辛いよ
Xamarinは辛いよ
Takkiiii
Xamarin × Visual Studio Updates
Xamarin × Visual Studio Updates
友太 渡辺
Xamarin 社内勉強会の LT 資料
Xamarin 社内勉強会の LT 資料
Yoshito Tabuchi
Xamarin 概要 @ 2014/11/08 第2回 Japan Xamarin User Group Conference 西日本編
Xamarin 概要 @ 2014/11/08 第2回 Japan Xamarin User Group Conference 西日本編
Yoshito Tabuchi
Introduction to Xamarin - JXUG 20171209
Introduction to Xamarin - JXUG 20171209
Takeshi Fujimoto
Xamarin概要と活用方法
Xamarin概要と活用方法
Yoshito Tabuchi
More Related Content
What's hot
Xamarin概要と活用方法
Xamarin概要と活用方法
Yoshito Tabuchi
Xamarin 概要 2017/01/15
Xamarin 概要 2017/01/15
Yoshito Tabuchi
Docmgt_004
Docmgt_004
Ryoki Tsusumi
[MW08] de:code イベントアプリの作り方 ~ Xamarin.Forms で開発しています ~
[MW08] de:code イベントアプリの作り方 ~ Xamarin.Forms で開発しています ~
de:code 2017
Docmgt_001
Docmgt_001
Ryoki Tsusumi
Docmgt_003
Docmgt_003
Ryoki Tsusumi
Xamarin 概要 @ 2014/10/18 わんくま同盟 東京勉強会 #92
Xamarin 概要 @ 2014/10/18 わんくま同盟 東京勉強会 #92
Yoshito Tabuchi
BlueMonkeyプロジェクトのご紹介
BlueMonkeyプロジェクトのご紹介
Yoshito Tabuchi
XamarinStudio勉強会 2014/09/08
XamarinStudio勉強会 2014/09/08
孝文 田村
Xamarin概要
Xamarin概要
Yoshito Tabuchi
Xamarin.formsとカスタムコントロールの話
Xamarin.formsとカスタムコントロールの話
Masuda Tomoaki
Xamarin で Prism を使いたい! ~「正式対応」 まで待てない人のための Prism 利用 Tips~
Xamarin で Prism を使いたい! ~「正式対応」 まで待てない人のための Prism 利用 Tips~
Tatsuji Kuroyanagi
Xamarin を使用したC# によるモバイルアプリ作成
Xamarin を使用したC# によるモバイルアプリ作成
Yoshito Tabuchi
Xamarin Native vs Xamarin Forms
Xamarin Native vs Xamarin Forms
Tomohiro Suzuki
Xamarin の救世主 Unity !
Xamarin の救世主 Unity !
Tatsuji Kuroyanagi
10分でわかる無料になったXamarin
10分でわかる無料になったXamarin
Yoshito Tabuchi
Xamarinは辛いよ
Xamarinは辛いよ
Takkiiii
Xamarin × Visual Studio Updates
Xamarin × Visual Studio Updates
友太 渡辺
Xamarin 社内勉強会の LT 資料
Xamarin 社内勉強会の LT 資料
Yoshito Tabuchi
Xamarin 概要 @ 2014/11/08 第2回 Japan Xamarin User Group Conference 西日本編
Xamarin 概要 @ 2014/11/08 第2回 Japan Xamarin User Group Conference 西日本編
Yoshito Tabuchi
What's hot
(20)
Xamarin概要と活用方法
Xamarin概要と活用方法
Xamarin 概要 2017/01/15
Xamarin 概要 2017/01/15
Docmgt_004
Docmgt_004
[MW08] de:code イベントアプリの作り方 ~ Xamarin.Forms で開発しています ~
[MW08] de:code イベントアプリの作り方 ~ Xamarin.Forms で開発しています ~
Docmgt_001
Docmgt_001
Docmgt_003
Docmgt_003
Xamarin 概要 @ 2014/10/18 わんくま同盟 東京勉強会 #92
Xamarin 概要 @ 2014/10/18 わんくま同盟 東京勉強会 #92
BlueMonkeyプロジェクトのご紹介
BlueMonkeyプロジェクトのご紹介
XamarinStudio勉強会 2014/09/08
XamarinStudio勉強会 2014/09/08
Xamarin概要
Xamarin概要
Xamarin.formsとカスタムコントロールの話
Xamarin.formsとカスタムコントロールの話
Xamarin で Prism を使いたい! ~「正式対応」 まで待てない人のための Prism 利用 Tips~
Xamarin で Prism を使いたい! ~「正式対応」 まで待てない人のための Prism 利用 Tips~
Xamarin を使用したC# によるモバイルアプリ作成
Xamarin を使用したC# によるモバイルアプリ作成
Xamarin Native vs Xamarin Forms
Xamarin Native vs Xamarin Forms
Xamarin の救世主 Unity !
Xamarin の救世主 Unity !
10分でわかる無料になったXamarin
10分でわかる無料になったXamarin
Xamarinは辛いよ
Xamarinは辛いよ
Xamarin × Visual Studio Updates
Xamarin × Visual Studio Updates
Xamarin 社内勉強会の LT 資料
Xamarin 社内勉強会の LT 資料
Xamarin 概要 @ 2014/11/08 第2回 Japan Xamarin User Group Conference 西日本編
Xamarin 概要 @ 2014/11/08 第2回 Japan Xamarin User Group Conference 西日本編
Similar to Xamarin.Forms CSS 触ってみました
Introduction to Xamarin - JXUG 20171209
Introduction to Xamarin - JXUG 20171209
Takeshi Fujimoto
Xamarin概要と活用方法
Xamarin概要と活用方法
Yoshito Tabuchi
20171202 Xamarinの歩き方
20171202 Xamarinの歩き方
Yoshito Tabuchi
Xamarin.Forms アプリケーション 設計パターン
Xamarin.Forms アプリケーション 設計パターン
一希 大田
そろそろXamarin使ってみませんか 1
そろそろXamarin使ってみませんか 1
Naoyuki Sano
NET Standard と Xamarin
NET Standard と Xamarin
Yoshito Tabuchi
2018/06/24 .NETラボ Xamarinトーク
2018/06/24 .NETラボ Xamarinトーク
Kenshiro Fukuda
Developers.io.札幌 xamarinってどうよ
Developers.io.札幌 xamarinってどうよ
Shinichi Hirauchi
Xamarin で クラシックデスクトップ 2
Xamarin で クラシックデスクトップ 2
m ishizaki
かけ算で使いこなす Xamarin
かけ算で使いこなす Xamarin
Tatsuji Kuroyanagi
DataTable
DataTable
m ishizaki
Xamarin.Forms.WPF を試してみた
Xamarin.Forms.WPF を試してみた
m ishizaki
.NET Standard で SQLServer と接続してみた
.NET Standard で SQLServer と接続してみた
m ishizaki
ゆるふわ Xamarin Tips
ゆるふわ Xamarin Tips
Daiki Kawanuma
ちょっとエモい話
ちょっとエモい話
Yoshito Tabuchi
2024-01-26_サーバーワークス_クラウドエンジニア交流会_マルチテナント構成に最適化したTerraform運用
2024-01-26_サーバーワークス_クラウドエンジニア交流会_マルチテナント構成に最適化したTerraform運用
oriishitakahiro
Xamarin.Forms のこれまでとこれから
Xamarin.Forms のこれまでとこれから
Yoshito Tabuchi
XamarinにMono申す!
XamarinにMono申す!
Akira Hatsune
Similar to Xamarin.Forms CSS 触ってみました
(18)
Introduction to Xamarin - JXUG 20171209
Introduction to Xamarin - JXUG 20171209
Xamarin概要と活用方法
Xamarin概要と活用方法
20171202 Xamarinの歩き方
20171202 Xamarinの歩き方
Xamarin.Forms アプリケーション 設計パターン
Xamarin.Forms アプリケーション 設計パターン
そろそろXamarin使ってみませんか 1
そろそろXamarin使ってみませんか 1
NET Standard と Xamarin
NET Standard と Xamarin
2018/06/24 .NETラボ Xamarinトーク
2018/06/24 .NETラボ Xamarinトーク
Developers.io.札幌 xamarinってどうよ
Developers.io.札幌 xamarinってどうよ
Xamarin で クラシックデスクトップ 2
Xamarin で クラシックデスクトップ 2
かけ算で使いこなす Xamarin
かけ算で使いこなす Xamarin
DataTable
DataTable
Xamarin.Forms.WPF を試してみた
Xamarin.Forms.WPF を試してみた
.NET Standard で SQLServer と接続してみた
.NET Standard で SQLServer と接続してみた
ゆるふわ Xamarin Tips
ゆるふわ Xamarin Tips
ちょっとエモい話
ちょっとエモい話
2024-01-26_サーバーワークス_クラウドエンジニア交流会_マルチテナント構成に最適化したTerraform運用
2024-01-26_サーバーワークス_クラウドエンジニア交流会_マルチテナント構成に最適化したTerraform運用
Xamarin.Forms のこれまでとこれから
Xamarin.Forms のこれまでとこれから
XamarinにMono申す!
XamarinにMono申す!
Xamarin.Forms CSS 触ってみました
1.
Xamarin.Forms CSS 触ってみました 2018/5/23 初心者歓迎XamarinのLT会!Xamarin入門者の集い
#4
2.
自己紹介 伊藤 悠太 /
Ito Yuta / itaoyuta CINRA, Inc.のエンジニア/TD 主な技術的興味はXamarin, JavaScript, Docker, Vim HereNow アジアのシティガイド(9都市・5ヶ国語) 2017年3月 Xamarinで作りました HereNow iOS HereNow Androiditaoyuta blog Supported by
3.
本日のメニュー ・指定の重複 ・優先順位 ・詳細な指定で優先順位が変わるか ・important ・XAMLでの指定重複でどちらが優先 ・複数あてると全部当たってくるのか ・class 2以上 ・ID, classパターン ・動的変更 ・クラス変更時適用されるのか 参考 [Microsoft
Doc] https://docs.microsoft.com/ja-jp/xamarin/xamarin-forms/user-interface/styles/css/
4.
・指定の重複 ・優先順位 ・詳細な指定で優先順位が変わるか ・important ・XAMLでの指定重複でどちらが優先 ・複数あてると全部当たってくるのか ・class 2以上 ・ID, classパターン ・動的変更 ・クラス変更時適用されるのか 参考 [Microsoft
Doc] https://docs.microsoft.com/ja-jp/xamarin/xamarin-forms/user-interface/styles/css/
5.
記述の仕方、“>”の前後に空白なくても読んでくれた
6.
詳細指定で優先順位が変更されるわけではない
7.
あれ、ちょっと想定外
8.
・指定の重複 ・優先順位 ・詳細な指定で優先順位が変わるか ・important ・XAMLでの指定重複でどちらが優先 ・複数あてると全部当たってくるのか ・class 2以上 ・ID, classパターン ・動的変更 ・クラス変更時適用されるのか 参考 [Microsoft
Doc] https://docs.microsoft.com/ja-jp/xamarin/xamarin-forms/user-interface/styles/css/
9.
サポートプロパティリストにないし効かないっすよね、すいません...
10.
・指定の重複 ・優先順位 ・詳細な指定で優先順位が変わるか ・important ・XAMLでの指定重複でどちらが優先 ・複数あてると全部当たってくるのか ・class 2以上 ・ID, classパターン ・動的変更 ・クラス変更時適用されるのか 参考 [Microsoft
Doc] https://docs.microsoft.com/ja-jp/xamarin/xamarin-forms/user-interface/styles/css/
11.
おぉ!ちょっと意外
12.
そもそも読んでくれてる?くれてる!
13.
・指定の重複 ・優先順位 ・詳細な指定で優先順位が変わるか ・important ・XAMLでの指定重複でどちらが優先 ・複数あてると全部当たってくるのか ・class 2以上 ・ID, classパターン ・動的変更 ・クラス変更時適用されるのか 参考 [Microsoft
Doc] https://docs.microsoft.com/ja-jp/xamarin/xamarin-forms/user-interface/styles/css/
14.
属性リストで指定はカンマ区切り、効いてる!
15.
ちなみにこのパターンもちゃんと効きました
16.
・指定の重複 ・優先順位 ・詳細な指定で優先順位が変わるか ・important ・XAMLでの指定重複でどちらが優先 ・複数あてると全部当たってくるのか ・class 2以上 ・ID, classパターン ・動的変更 ・クラス変更時適用されるのか 参考 [Microsoft
Doc] https://docs.microsoft.com/ja-jp/xamarin/xamarin-forms/user-interface/styles/css/
17.
ばっちり効いてます
18.
・指定の重複 ・優先順位 ・詳細な指定で優先順位が変わるか ・important ・XAMLでの指定重複でどちらが優先 ・複数あてると全部当たってくるのか ・class 2以上 ・ID, classパターン ・動的変更 ・クラス変更時適用されるのか 参考 [Microsoft
Doc] https://docs.microsoft.com/ja-jp/xamarin/xamarin-forms/user-interface/styles/css/
19.
普通にやるだけじゃだめそうでした
20.
この辺りにヒント??
21.
引き続き色々試して実装していきたいと思います。 ご静聴、ありがとうございました!
Editor's Notes
現状だとwordpress案件でVue.jsやったりしてます Unity前職ってのあって、クロスプラットフォーム環境に好意をもっていました
ちょっと気になったことを少しだけ調べて見ました 今日話す内容です
記述の前提の話ですが公式ドキュメントではくっついていたので気になりました
webのcssだと、詳細に指定してある方が優遇されるので違いますね
結局どうやったら効くのかわからなかった、、
ちょっと興味あったので
バッチリ怒られます
意外と?cssが優先されています
次項の複数あてると全部当たってくるかにかぶってしまいますが
同じクラスの指定箇所が違う場合ですね
webだとクラス変更してレイアウトを変えていくことが多々あります
HereNowアプリもそうですが、引き続きアイディアがまとまれば新しいアプリケーションを作っていきたいと思っています
Download now