Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

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

262 vues

Publié le

Material for JXUG Fukuoka on May 25, 2018.

Publié dans : Technologie
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

×