Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Xamarin in Microsoft Build 2018 - JXUG Fukuoka May-25-2018

275 views

Published on

Material for JXUG Fukuoka on May 25, 2018.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Xamarin in Microsoft Build 2018 - JXUG Fukuoka May-25-2018

  1. 1.  Hyper-V Android Emulator Support  Xamarin.Forms 3.0  Visual State Manager  FlexLayout  Style Sheets  Right-to-Left Localization  WPF (Preview)  XAML Standard (Preview)
  2. 2. http://aka.ms/hyperv-emulator-dl ダブルクリックしてインストール
  3. 3. https://blogs.msdn.microsoft.com/visualstudio/2018/05/08/hyper-v-android-emulator- support/
  4. 4. 添付プロパティ
  5. 5. グルーピング可能
  6. 6. • Visual State を定義 • 各状態でのコントロールのプ ロパティを定義
  7. 7. 状態遷移するコントロールのオブジェクト 状態名
  8. 8. https://docs.microsoft.com/en-US/xamarin/xamarin-forms/user-interface/visual-state-manager https://github.com/xamarin/xamarin-forms-samples/tree/master/UserInterface/VsmDemos/VsmDemos/VsmDemos
  9. 9. コンテナ アイテム
  10. 10. Direction="Column" Wrap="Wrap" コンテナ内のアイテムが並ぶ方向 折り返す
  11. 11. https://docs.microsoft.com/en-US/xamarin/xamarin-forms/user- interface/layouts/flex-layout https://github.com/xamarin/xamarin-forms-samples/tree/master/UserInterface/FlexLayoutDemos
  12. 12. StackLaout クラス
  13. 13. .detailPageTitle StyleClass="detailPageTitle"
  14. 14. #mylistView StyleId="mylistView" • StyleId 属性に StyleId を指定 • StyleId 属性を省略して、x:Name 属性で指定可能
  15. 15. ^ local:MyContentPage local:MyContentPage ContentPage を継承したクラスに適用される
  16. 16. ListView 要素内のすべての Image 要素 ListView 要素直下の Image 要素
  17. 17. <StyleSheet Source="/Assets/styles.css" /> Embeded Resource (埋めこみリソース) • XAML の相対パス • プロジェクトルートからの絶対パス • / で開始する
  18. 18. <StyleSheet> <![CDATA[ ^contentpage { background-color: lightgray; } ]]> </StyleSheet>
  19. 19. StyleSheet.FromAssemblyResource( IntrospectionExtensions.GetTypeInfo(typeof(MyPage)).Assembly, "MyProject.Assets.styles.css")
  20. 20. "^contentpage { background-color: lightgray; }"
  21. 21. https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/styles/css/ https://github.com/xamarin/xamarin-forms-samples/tree/master/UserInterface/Styles/MonkeyAppCSS
  22. 22. Screenshot: https://blog.xamarin.com/right-to-left-localization-xamarin-forms/
  23. 23. wpf:FormsApplicationPage xmlns:wpf="clr-namespace:Xamarin.Forms.Platform.WPF;assembly=Xamarin.Forms.Platform.WPF" wpf:FormsApplicationPage
  24. 24. using Xamarin.Forms; using Xamarin.Forms.Platform.WPF; FormsApplicationPage Forms.Init(); LoadApplication(new XamarinSample.App());
  25. 25. https://docs.microsoft.com/en-US/xamarin/xamarin-forms/platform/wpf https://github.com/jsuarezruiz/xamarin-forms-wpf-weather-sample
  26. 26. https://aka.ms/xf-xamlstandard-nuget
  27. 27. Alias.Init(); 初期化処理を追加する
  28. 28. xmlns:a="clr-namespace:Xamarin.Forms.Alias;assembly=Xamarin.Forms.Alias" <a:StackPanel> <a:TextBlock Text="{Binding Text}" … /> <a:TextBlock Text="{Binding Description}" … /> </a:StackPanel>
  29. 29. https://docs.microsoft.com/en-US/xamarin/xamarin-forms/xaml/standard/?tabs=vswin https://docs.microsoft.com/en-US/xamarin/xamarin-forms/xaml/standard/controls

×