Xamarin.iOS中Split View Controller基础搭建求助

Hey Jamie，我完全懂你找不到合适C#教程的恼火！我之前在Xamarin.iOS里折腾Split View的时候也踩过类似的坑，给你一套纯代码（不用XAML）的基础搭建分步指南，跟着来就能搞定：

先把Storyboard里的Split View Controller配置好：

• 确保Split View Controller是项目的初始控制器（勾选Is Initial View Controller）
• 选中左侧的Master TableViewController，在Identity Inspector里给它设置一个Storyboard ID，比如MasterVC
• 选中右侧的Detail ViewController，同样设置Storyboard ID为DetailVC
• 给Master里的TableView Cell设置Identifier为PageCell（后面代码要用到这个标识）

创建一个继承自UITableViewController的MasterViewController类，用来管理左侧的页面列表：

public class MasterViewController : UITableViewController
{
    // 模拟你的页面列表，替换成实际业务数据即可
    private List<string> _pageList = new List<string> { "首页", "个人设置", "关于应用", "帮助中心" };

    public override void ViewDidLoad()
    {
        base.ViewDidLoad();
        // 优化TableView行高自适应
        TableView.RowHeight = UITableView.AutomaticDimension;
        TableView.EstimatedRowHeight = 60;
    }

    // 返回列表行数
    public override nint RowsInSection(UITableView tableView, nint section)
    {
        return _pageList.Count;
    }

    // 配置列表单元格内容
    public override UITableViewCell GetCell(UITableView tableView, NSIndexPath indexPath)
    {
        // 复用单元格，没有则新建
        var cell = tableView.DequeueReusableCell("PageCell") ?? new UITableViewCell(UITableViewCellStyle.Default, "PageCell");
        cell.TextLabel.Text = _pageList[indexPath.Row];
        cell.Accessory = UITableViewCellAccessory.DisclosureIndicator; // 显示右侧箭头
        return cell;
    }

    // 处理行选中事件，更新Detail视图
    public override void RowSelected(UITableView tableView, NSIndexPath indexPath)
    {
        // 获取父级的Split View Controller
        var splitVC = ParentViewController as UISplitViewController;
        if (splitVC == null) return;

        // 获取右侧的Detail视图控制器
        var detailVC = splitVC.ViewControllers[1] as DetailViewController;
        if (detailVC != null)
        {
            // 把选中的页面数据传递给Detail
            detailVC.UpdatePageContent(_pageList[indexPath.Row]);
            // 取消选中状态
            tableView.DeselectRow(indexPath, true);
        }
    }
}

创建一个继承自UIViewController的DetailViewController类，用来展示选中页面的内容：

public class DetailViewController : UIViewController
{
    private UILabel _contentLabel;

    public override void ViewDidLoad()
    {
        base.ViewDidLoad();
        View.BackgroundColor = UIColor.White;

        // 创建用于显示内容的Label（你也可以换成UIWebView、UITextView等）
        _contentLabel = new UILabel
        {
            Frame = new CGRect(20, 60, View.Bounds.Width - 40, View.Bounds.Height - 80),
            Lines = 0, // 自动换行
            Font = UIFont.SystemFontOfSize(16)
        };
        View.AddSubview(_contentLabel);

        // 默认显示提示内容
        _contentLabel.Text = "请在左侧选择一个页面查看内容";
    }

    // 供Master调用的更新内容方法
    public void UpdatePageContent(string pageTitle)
    {
        // 根据选中的页面标题展示对应内容，可自行扩展逻辑
        switch (pageTitle)
        {
            case "首页":
                _contentLabel.Text = "欢迎来到应用首页，这里展示最新的内容动态！";
                break;
            case "个人设置":
                _contentLabel.Text = "在这里可以修改你的个人信息、账号密码等设置项";
                break;
            case "关于应用":
                _contentLabel.Text = "这是一款基于Xamarin.iOS开发的原生应用，版本1.0.0";
                break;
            case "帮助中心":
                _contentLabel.Text = "如有使用疑问，请联系客服邮箱：support@example.com";
                break;
            default:
                _contentLabel.Text = $"你选择了：{pageTitle}";
                break;
        }
    }
}

回到Storyboard界面：

• 选中Master TableViewController，在Identity Inspector的Class下拉框中选择你刚才创建的MasterViewController
• 选中Detail ViewController，同样在Class下拉框中选择DetailViewController

现在启动模拟器（优先选iPad模拟器，能直接看到Split View布局；iPhone上会默认显示Master，点击行后跳转Detail），点击左侧列表的任意行，右侧Detail区域就会更新对应的内容啦！

内容的提问来源于stack exchange，提问作者Jamie Leech