コメント
コメントの投稿
※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。
入力されていないコメントには返信しませんのであらかじめご了承くださいませ。
iOSでListViewのセパレータが短い件について | Xamarin.Forms
- 2017/05/25
- 17:27
今回は昔から気になっていたのですが、XamarinのListViewのセパレータがiOSで表示すると少し短く表示され、不格好に見える問題を解消しました。
前提条件
・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
１．実装方法
画面はXAMLで作成していますが、iOSプロジェクトに以下のファイルを配置するだけでとても簡単に表示を修正できました。尚、iOS8/9の場合のみ各セルの余白も無にしないといけないようです。ListViewのRecycleElementの設定に関わらず表示されました。
CustomListViewRenderer.cs
using UIKit;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
using AppName.iOS.Renderer;
[assembly: ExportRenderer(typeof(ListView), typeof(CustomListViewRenderer))]
namespace AppName.iOS.Renderer
{
public class CustomListViewRenderer : ListViewRenderer
{
protected override void OnElementChanged(ElementChangedEventArgs<ListView> e)
{
base.OnElementChanged(e);
if (Control == null) return;
// ListViewのセパレータの余白をゼロにします。
Control.SeparatorInset = UIEdgeInsets.Zero;
if (UIDevice.CurrentDevice.CheckSystemVersion(8, 0))
{
Control.LayoutMargins = UIEdgeInsets.Zero;
}
if (UIDevice.CurrentDevice.CheckSystemVersion(9, 0))
{
Control.CellLayoutMarginsFollowReadableWidth = false;
}
// ListView Separator - データが無い部分の線を消します。
Control.TableFooterView = new UIView();
}
}
}
iOS8/9の対応が必要な場合は以下の記述も必要です。iOS7は未検証です。
CustomViewCellRenderer.cs
using UIKit;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
[assembly: ExportRenderer(typeof(ViewCell), typeof(CustomViewCellRenderer))]
namespace AppName.iOS.Renderer
{
public class CustomViewCellRenderer : ViewCellRenderer
{
public override UITableViewCell GetCell(Cell item, UITableViewCell reusableCell, UITableView tv)
{
var cell = base.GetCell(item, reusableCell, tv);
if (cell != null)
{
//iOS8/iOS9対応
if (!UIDevice.CurrentDevice.CheckSystemVersion(10, 0))
{
foreach (UITableViewCell tvCell in tv.VisibleCells)
{
tvCell.SeparatorInset = UIEdgeInsets.Zero;
if (UIDevice.CurrentDevice.CheckSystemVersion(8, 0))
{
tvCell.LayoutMargins = UIEdgeInsets.Zero;
tvCell.PreservesSuperviewLayoutMargins = false;
}
}
}
}
return cell;
}
}
}
当ブログの内容をまとめた Xamarin逆引きメニュー は以下のURLからご覧になれます。
https://itblog.dynaspo.com/blog-entry-81.html
- 関連記事
