JSPatch学习系列-UI进阶

02-UI进阶

学习大纲

1. TableView数据源方法
2. TableView代理方法
3. dealloc引发的问题

示例代码

初始化导航控制器根控制器

defineClass('ViewController', {
    viewDidLoad:function() {
        // 调用OC中的viewDidLoad方法
        self.ORIGviewDidLoad();
        // 设置title
        self.setTitle('首页');
        // 绑定导航栏右侧按钮事件
        self.bindEvent();
    },
    touchesBegan_withEvent:function(touches, event) {
        self.ORIGtouchesBegan_withEvent(touches, event);
        require('UIBarButtonItem, UIButton');
        var btn = self.navigationItem().rightBarButtonItem();
    },
    bindEvent:function() {
        require('UIBarButtonItem, UIButton');
        // 控制器跳转
        var btnRight = self.navigationItem().rightBarButtonItem();
        btnRight.setTarget(self);
        btnRight.setAction('pushToTableViewController');
    },
    pushToTableViewController:function() {
        require('TableViewController');
        var destVc = TableViewController.alloc().init();
        self.navigationController().pushViewController_animated(destVc, 1);
    }
})

设置TableViewController

defineClass('TableViewController : UITableViewController', {
    viewDidLoad:function() {
        dataSource = null;
        // self.ORIGviewDidLoad();
        self.setTitle('列表页');
        self.setupData();
        self.tableView().setRowHeight(55);  // 设置行高
        // self.tableView().setDelegate(self);
        // self.tableView().setDataSource(self);
        var flag = self.tableView().hidden();
        // console.log('hidden=' + flag);  // 判断视图是否是隐藏状态

        // 调用控制器中已经存在的方法
        self.warning_complete(0, block("", function(){
            console.log('重写dealloc方法，来回 push & pop 会报错，why?');
        }));

        self.warning_complete(1, block("", function(){
            console.log('如何定义带block的方法？');
        }));
    },
    /********************************************************************************************/
    // 重写dealloc方法，来回 push & pop 会报错，why?
    /********************************************************************************************/
    // dealloc:function() {
    //  self.ORIGdealloc();
    //  console.log('dealloc');
    // },
    tableView_numberOfRowsInSection:function(tableView, section) {
        return dataSource.length;
    },
    // 创建cell
    tableView_cellForRowAtIndexPath:function(tableView, indexPath) {
        require('UITableViewCell');
        var cell = tableView.dequeueReusableCellWithIdentifier('Cell');
        if (cell == false) {
            cell = UITableViewCell.alloc().initWithStyle_reuseIdentifier(0, 'Cell');
        }
        return cell;
    },
    // 赋值cell
    tableView_willDisplayCell_forRowAtIndexPath:function(tableView, cell, indexPath) {
        cell.textLabel().setText(dataSource[indexPath.row()]);
    },
    tableView_didSelectRowAtIndexPath:function(tableView, indexPath) {
        // var alert = require('UIAlertView').alloc().init();
        // alert.setTitle('提示');   // 标点符号不能是中文状态下的！否则报错：`SyntaxError: Invalid character '\u65307'`
        // alert.setMessage('选中了第 ' + indexPath.row() + ' 行');
        // // alert.setDelegate(self);
        // alert.addButtonWithTitle('取消');
        // alert.addButtonWithTitle('确定');
        // // var alert = require('UIAlertView').alloc().initWithTitle_message_delegate_cancelButtonTitle_otherButtonTitles("title", "message", self, "取消", null);
        // alert.show();

        // 调用带有block参数的方法
        self.add_b_complete(0, indexPath.row(), block("BOOL, int", function(flag, sum) {
            if (flag) { console.log("sum=" + sum)};
        }));
        // self.add(3, 7, function(){
        //  console.log('匿名函数。。。');
        // });
        // self.add(3, 7, self.complete);
    },
    // 为表格提供数据源
    setupData:function() {
        var data = self.getProp('data');
        if (data) {return data;};
        data = [];
        var length = 50;
        for (var i = length - 1; i >= 0; i--) {
            data.push('hello world - ' + (length-i-1));
        };
        self.setProp_forKey(data, 'data');
        dataSource = data;
    },
    /********************************************************************************************/
    // 如何定义带block的方法？
    /********************************************************************************************/
    add:function(num1, num2, xxx) {
        var sum = num1 + num2;
        xxx();
        // self.complete(sum, 1);
    },
    complete:function() {
        console.log('sum=' + 1 + ' flag=' + 1);
    }
});
/*
function complete1(sum, flag) {
    console.log('sum=' + sum + ' flag=' + flag);
}
*/
/*
// 这里不能有“//”这种行内注释？否则就报错：SyntaxError: Unexpected end of script
// sdfsdf
*/

• 源码下载：点我下载源码