uitableview - 使用 Storyboard 在 xamarin ios 中创建和使用自定义原型(prototype)表单元格

Question

是否可以使用 Storyboard 在 xamarin ios (monotouch) 中创建和使用“自定义”原型(prototype)表单元格？

我只能通过 Stuart Lodge 找到这个解释使用 xib/nibs 的方法:
http://www.youtube.com/watch?feature=player_embedded&v=Vd1p2Gz8jfY

Answer 1

让我们来回答这个问题!我也在找这个。 :)

1)打开Storyboard，你有你的ViewController和TableView:

添加原型(prototype)单元格(如果之前没有添加单元格):

根据需要自定义单元格(在我的情况下，有自定义 UIImage 和标签):





请记住设置单元格的高度。为此，请选择整个 TableView，然后从“属性”窗口中选择“布局”选项卡。在属性窗口的顶部，您应该看到“行高” - 输入适当的值:



现在再次选择原型(prototype)单元。在“属性”窗口中键入类的名称(它将为其创建代码隐藏类)。就我而言，这是“FriendsCustomTableViewCell”。之后为您的单元格提供“标识符”。如您所见，我的是“FriendCell”。最后要设置的是“样式”属性设置为自定义。 “名称”字段应为空。键入“Class”后单击“enter”后，将自动创建代码隐藏文件:





现在单元格后面的代码应如下所示:

public partial class FriendsCustomTableViewCell : UITableViewCell
{
    public FriendsCustomTableViewCell (IntPtr handle) : base (handle)
    {
    }

    public FriendsCustomTableViewCell(NSString cellId, string friendName, UIImage friendPhoto) : base (UITableViewCellStyle.Default, cellId)
    {
        FriendNameLabel.Text = friendName;
        FriendPhotoImageView.Image = friendPhoto;


    }
    //This methods is to update cell data when reuse:
    public void UpdateCellData(string friendName, UIImage friendPhoto)
    {
        FriendNameLabel.Text = friendName;
        FriendPhotoImageView.Image = friendPhoto;

    }
}

在 UITableViewSource 中，您必须在类的顶部声明 cellIdentifier(在我的情况下是“FriendCell”)，在“GetCell”方法中，您必须转换单元格并为它们设置数据:

string cellIdentifier = "FriendCell";

public override UITableViewCell GetCell(UITableView tableView, NSIndexPath indexPath)
 {
  FriendsCustomTableViewCell cell = (FriendsCustomTableViewCell) tableView.DequeueReusableCell(cellIdentifier);
  Friend friend = _friends[indexPath.Row];

        //---- if there are no cells to reuse, create a new one
        if (cell == null)
        { cell = new FriendsCustomTableViewCell(new NSString(cellIdentifier), friend.FriendName, new UIImage(NSData.FromArray(friend.FriendPhoto))); }

        cell.UpdateCellData(friend.UserName, new UIImage(NSData.FromArray(friend.FriendPhoto)));

        return cell;
}

就是这样，现在您可以使用自定义单元格了。我希望它会有所帮助。