![SkiaSharpを使って縦組みで書く
?1文字ずつX,Yを指定して文字を描画する
ルビ、半角数字の縦中横、禁則、上付、下付等
?SkiaSharp.SKCanvas.DrawTextメソッド
public void DrawText(string text, float x, float y, SKPaint paint);
public void DrawText(IntPtr buffer, int length, SKPoint[] points,
SKPaint paint); //GlyphID用
?縦組みの文字を描画する（括弧、句読点、用促音など）
TypeLoader(https://github.com/espresso3389/TypeLoader)
→TategumiViewを作った](https://image.slidesharecdn.com/jxug20161015-161015162250/85/Xamarin-Forms-5-320.jpg)
齿补尘补谤颈苍.贵辞谤尘蝉で縦书きアプリ
- 4. SkiaSharp ?Cross-Platform 2D Graphics Library ?Xamarinが推奨 ?日本語情報が少ない ?https://skia.org/
- 5. SkiaSharpを使って縦組みで書く ?1文字ずつX,Yを指定して文字を描画する ルビ、半角数字の縦中横、禁則、上付、下付等 ?SkiaSharp.SKCanvas.DrawTextメソッド public void DrawText(string text, float x, float y, SKPaint paint); public void DrawText(IntPtr buffer, int length, SKPoint[] points, SKPaint paint); //GlyphID用 ?縦組みの文字を描画する（括弧、句読点、用促音など） TypeLoader(https://github.com/espresso3389/TypeLoader) →TategumiViewを作った
- 6. TategumiViewとRendererの関係 NativeView Draw() NativeView OnDraw() NativeView UpdateBitmap() ネイティブ側 TategumiVie w Draw() iOS Android UWP Forms側 Renderer RendererRenderer BindableProperty →PageIndex（ページ番号） CurrentPage（組版ページ） Width,Height （VisualElement） Touch(Android) UITapGestureRecognizer(iO S) →タップしたらページ移動 NextPage,PreviousPage OnElementPropertyChange d →組版ページが来たら描画 Invalidate(Android) SetNeedsDisplay(iOS)
- 8. XAML <?xml version="1.0" encoding="utf-8" ?> <ContentPage SizeChanged="HonbunPage_OnSizeChanged" …> <StackLayout …> <local:TategumiView VerticalOptions="FillAndExpand" CurrentPage="Binding CurrentPage.Value}" ←組版ページ PageIndex="{Binding Path=PageIndex.Value,Mode=TwoWay}" ←ページ情 報 Width="{Binding TateViewWidth.Value} " ←View高さ Height="{Binding TateViewHeight.Value}"> ←View幅 </local:TategumiView> <StackLayout Orientation="Horizontal" VerticalOptions="End"> <狠狠撸r VerticalOptions="Center" HorizontalOptions="FillAndExpand" Minimum="0" Value="{Binding Path=PageIndex.Value,Mode=TwoWay}"/> <Label Text="{Binding PageIndex.Value}"/><Label Text="/"/> <Label Text="{Binding PageNum.Value}"/> </StackLayout> </StackLayout> </ContentPage>
- 11. ご清聴ありがとうございました。