記事一覧

DatePickerの横位置(HorizontalTextAlignment)を変更する方法 | Xamarin.Forms


今回はDatePickerの横位置を左寄せまたは中央寄せまたは右寄せに変更する方法をご紹介いたします。Xamarinのデフォルトでは左寄せとなっており、少し気持ち悪いかもしれません。右寄せまたは中央寄せに変更したいこともあるでしょう。
しかしながらXAMLでHorizontalTextAlignmentの設定を記述してもエラーとなってしまいますのでカスタムレンダラーを採用します。

iPhone7 iOS10
xamarin_datepicker_01.png
Android5
xamarin_datepicker_02.png



前提条件
・Windows10 Pro 64Bit
・Visual Studio 2015 Community Update3
・Xamarin 4.4.0.34 (NuGet Xamarin.Forms 2.3.4.247)
・macOS Sierra 10.12.4 / Xcode8.3.1 / Xamarin.iOS 10.8.0.175



1.iOSでの記述方法

iOSプロジェクト内にカスタムレンダラーを作成します。UITextAlignment.Left/Center/Rightで変更可能です。
C#
CustomDatePickerRenderer.cs
using UIKit;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
[assembly: ExportRenderer(typeof(DatePicker), typeof(CustomDatePickerRenderer))]
namespace AppName.iOS.Renderer
{
public class CustomDatePickerRenderer : DatePickerRenderer
{
protected override void OnElementChanged(ElementChangedEventArgs<DatePicker> e)
{
base.OnElementChanged(e);

if (Control != null)
{
//enum UITextAlignment : long
//Left = 0,
//Center = 1,
//Right = 2,
//Justified = 3,
//Natural = 4
Control.TextAlignment = UITextAlignment.Right;
}
}
}
}



2.Androidでの記述方法

Androidプロジェクト内にカスタムレンダラーを作成します。GravityFlags.Left/Center/Rightで変更可能です。
C#
CustomDatePickerRenderer.cs
using Android.Views;
using Xamarin.Forms.Platform.Android;
using Xamarin.Forms;
[assembly: ExportRenderer(typeof(DatePicker), typeof(CustomDatePickerRenderer))]
namespace AppName.Droid.Renderer
{
public class CustomDatePickerRenderer : DatePickerRenderer
{
protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.DatePicker> e)
{
base.OnElementChanged(e);

if (Control != null)
{
//enum GravityFlags
//Left = 3,
//Center = 17,
//Right = 5,
Control.Gravity = GravityFlags.Right;
}
}
}
}

PCLのプロジェクトには一切手を入れず、レンダラーを作成するだけで見栄えを変更可能でとても簡単です。




当ブログの内容をまとめた Xamarin逆引きメニュー は以下のURLからご覧になれます。
http://itblogdsi.blog.fc2.com/blog-entry-81.html


関連記事

コメント

コメントの投稿

アルバム

広告

プロフィール

石河 純


著者名 :石河 純
自己紹介:素人上がりのIT技術者。趣味は卓球・車・ボウリング

IT関連の知識はざっくりとこんな感じです。
【OS関連】
WindowsServer: 2012/2008R2/2003/2000/NT4
Windows: 10/8/7/XP/2000/me/NT4/98
Linux: CentOS RedHatLinux9
Mac: macOS Sierra 10.12 / OSX Lion 10.7.5 / OSX Snow Leopard 10.6.8
【言語・データベース】
VB.net ASP.NET C#.net Java VBA
Xamarin.Forms
Oracle10g SQLServer2008R2 SQLAnywhere8/11/16
ActiveReport CrystalReport ReportNet(IBM)
【ネットワーク関連】
CCNP シスコ技術者認定
Cisco Catalyst シリーズ
Yamaha RTXシリーズ
FireWall関連
【WEB関連】
SEO SEM CSS IIS6/7 apache2

休みの日は卓球をやっています。
現在、卓球用品通販ショップは休業中です。