OGeek|极客世界-中国程序员成长平台

标题: ios - Pinterest 风格布局 iOS Storyboard [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 18:21
标题: ios - Pinterest 风格布局 iOS Storyboard

我想创建一个这样的设计:-

我正在使用 Storyboard ，但我无法让这件事发挥作用。到目前为止，我有一个简单的 Collection View ，它工作正常，除了所有单元格显示两次。有没有办法通过不使用任何库并为单元格设置随机高度来实现这一点？

这是我的 Storyboard:-

---

我的收藏 Controller

public MyCollectionController(IntPtr handle) : base(handle)
{

}

public override void ViewDidLoad ()
{
    base.ViewDidLoad ();
    data = MakeDataForRecyclerView(pageIndex);
}

public override nint NumberOfSections (UICollectionView collectionView)
{
    return 1;
}

public override nint GetItemsCount(UICollectionView collectionView, nint section)
{
    return data.Length;
}

public override void ItemSelected (UICollectionView collectionView, NSIndexPath indexPath)
{
    var message = string.Format ("You clicked on {0}!", cell.Title);
    new UIAlertView ("Clicked", message, null, "Okay", null).Show ();
}

public override UICollectionViewCell GetCell (UICollectionView collectionView, NSIndexPath indexPath)
{
    cell = (MyCollectionCell) collectionView.DequeueReusableCell ("My_Collection_Cell", indexPath);
    var tag = data[indexPath.Row];
    cell.PopulateData (tag.Title, tag.ThumbnailPath);
    return cell;
}

public override void ItemHighlighted(UICollectionView collectionView, NSIndexPath indexPath)
{
    var cell = collectionView.CellForItem(indexPath);
    cell.ContentView.BackgroundColor = UIColor.Yellow;
}

public override void ItemUnhighlighted(UICollectionView collectionView, NSIndexPath indexPath)
{
    var cell = collectionView.CellForItem(indexPath);
    cell.ContentView.BackgroundColor = UIColor.White;
}

public override bool ShouldHighlightItem(UICollectionView collectionView, NSIndexPath indexPath)
{
    return true;
}

private Models.DummyModel[] MakeDataForRecyclerView(int startPosition)
{
    List<Models.DummyModel> listOf4Item = new List<Models.DummyModel>();

    for (int i = startPosition * 4; i < Math.Min((4 * startPosition) + 4, AppDelegate.myList.Count); i++)
    {
        listOf4Item.Add(AppDelegate.myList.ElementAt(i));
    }

    return listOf4Item.ToArray();
}

---

我的CollectionCell

public MyCollectionCell (IntPtr handle) : base (handle)
{

}

public void PopulateData(string title, string placeholderURL)
{
    //lblTitle.Text = title;
    placeholderImg.SetImage(url: new NSUrl(placeholderURL),
                            placeholder: UIImage.FromFile("ic_apptitle.png"));
}

---

Best Answer-推荐答案

你的问题在这里:

public override nint NumberOfSections (UICollectionView collectionView)
{
    return 2; // should be 1 not 2
}

要为您的单元格设置不同的大小，您可以添加此方法:

public override SizeF GetSizeForItem (UICollectionView collectionView, UICollectionViewLayout layout, NSIndexPath indexPath)
{
    // return the size you want for the cell at this indexPath
} 

关于ios - Pinterest 风格布局 iOS Storyboard，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35033430/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://sqlite.in/)

Powered by Discuz! X3.4