0
this videoを確認して、正確に問題を理解してください。戻ったときにUICollectionView垂直フローが最初のセルを中央に配置しない
私はUICollectionViewを含むカスタムビューコンポジションを持っています。このビューコンポジションでは、2つのボタンUp/Downを使用してスクロールできます。値は変更中に中央に置く必要があります。中心よりもはるかに低い最初の値に戻るまでは、すべてがうまく機能します。水平スクロールビューでも同じアプローチを使用しても問題はありません。
X軸を中心としてコピーされた値をセンタリングするアプローチは、Y軸の関連セクションを変更しただけです。
UICollectionViewFlowLayout派生クラスを作成し、UICollectionViewのUICollectioViewFlowLayoutに設定しました。プログラムでスクロールするときは、オーバーライドメソッドは呼び出されないことに注意してください。
[Register("CenterVerticalCellCollectionViewFlowLayout")]
public class CenterVerticalCellCollectionViewFlowLayout : UICollectionViewFlowLayout
{
public CenterVerticalCellCollectionViewFlowLayout(IntPtr ptr) : base(ptr)
{
}
public override CGPoint TargetContentOffset(CGPoint proposedContentOffset,
CGPoint scrollingVelocity)
{
var cv = this.CollectionView;
var cvBounds = cv.Bounds;
var halfHeight = cvBounds.Height * 0.5;
var proposedContentOffsetCenterY = proposedContentOffset.Y + halfHeight;
var attributesForVisibleCells = LayoutAttributesForElementsInRect(cvBounds);
UICollectionViewLayoutAttributes candidateAttributes = null;
foreach (var attributes in attributesForVisibleCells)
{
// == Skip comparison with non-cell items (headers and footers) == //
if (attributes.RepresentedElementCategory != UICollectionElementCategory.Cell)
{
continue;
}
if ((attributes.Center.Y == 0) ||
(attributes.Center.Y > (cv.ContentOffset.Y + halfHeight) &&
scrollingVelocity.Y < 0))
{
continue;
}
// == First time in the loop == //
if (candidateAttributes == null)
{
candidateAttributes = new UICollectionViewLayoutAttributes();
}
else
{
candidateAttributes = attributes;
continue;
}
var a = attributes.Center.Y- proposedContentOffsetCenterY;
var b = candidateAttributes.Center.Y - proposedContentOffsetCenterY;
if (Math.Abs(a) < Math.Abs(b))
{
candidateAttributes = attributes;
}
}
// Beautification step , I don't know why it works!
if (proposedContentOffset.Y == -(cv.ContentInset.Top))
{
return proposedContentOffset;
}
if (candidateAttributes == null)
{
candidateAttributes = new UICollectionViewLayoutAttributes();
}
return new CGPoint(Math.Floor(candidateAttributes.Center.Y -
halfHeight), proposedContentOffset.Y);
}
}
カスタムUIViewを読み込むときは、以下のように設定します。
CollectionView.ContentOffset = CGPoint.Empty;
UIViewController.ViewWillLayoutSubviews私は以下のメソッドを呼び出します。
CollectionView.CollectionViewLayout.InvalidateLayout();
UIViewController.ViewDidLayoutSubviews私は以下を呼びます。
var insets = CollectionView.ContentInset;
var value = (View.Frame.Height - (CollectionView.CollectionViewLayout as UICollectionViewFlowLayout).ItemSize.Height) * 0.5;
insets.Top = (nfloat)value;
insets.Bottom = (nfloat)value;
CollectionView.ContentInset = insets;
CollectionView.DecelerationRate = UIScrollView.DecelerationRateFast;
最後に、プログラムでスクロールするアップ/ダウンのコードです。
partial void UpButtonTouchUpInside(UIButton sender)
{
MoveSelectionCollectionViewCell();
}
partial void DownButtonTouchUpInside(UIButton sender)
{
MoveSelectionCollectionViewCell(false);
}
void MoveSelectionCollectionViewCell(bool moveUp = true)
{
var firstVisibleIndexPath = CollectionView.IndexPathsForVisibleItems.FirstOrDefault();
if (firstVisibleIndexPath != null)
{
var row = moveUp ? firstVisibleIndexPath.Row + 1 : firstVisibleIndexPath.Row - 1;
if (row > -1 &&
row < _source.Collection.Count)
{
var scrollAtIndexPath = NSIndexPath.FromRowSection(row, 0);
CollectionView.ScrollToItem(
scrollAtIndexPath,
UICollectionViewScrollPosition.CenteredVertically,
true);
}
}
}
下記のUICollectionView IBプロパティを参照してください。
