【通讯录案例-编辑联系人界面儿 Objective-C语言】
发布时间:2024年01月24日
一、我们现在来做一下,当我们点击这个联系人时,进入到“编辑联系人”界面儿,

1.先看一下我们的示例程序,

当我点击某一个Cell,

跳到了一个叫做“查看/编辑联系人”的控制器,
这个控制器,实际上,就布局而言,跟我们“添加”也好、“登录”也好,是差不多的,
然后呢,右上角儿,多了一个“编辑”按钮,
当我点击“编辑”按钮的时候,

这块儿呢,会有一个“保存”,会有一个“保存”的按钮,显示出来,
它呢,不是一个able的YES和NO了,它是Hidden的一个YES和NO,
然后,点击右上角儿的”取消“,

“保存”按钮就没有了,
然后,包括一上来,当你第一次点击这个Cell的时候,
这两个Label是灰色的,是不允许编辑的,
一上来的时候,这两个控件儿的able是NO的一个状态,
好,接下来,我们来做这个东西啊,
2.一上来,做这个东西的时候呢,会有一个Bug,

首先,我把这份代码儿,command + C、command + V、复制一份儿

然后呢,来一个“10-通讯录-

“10-通讯录-编辑联系人”,

然后呢,打开这个项目,

然后呢,打开,

command + R、运行一下试试,

看一下,确实没问题,可以运行起来,
当我点击“添加”的时候,这里边儿,一定是可以“添加”的,

“添加”,

是可以显示”联系人信息“的,这一步我们已经做好了,
当我点击Cell的时候,

我要Push到另外一个控制器,
那也就是说,我要在联系人列表中,后面再去拖一个控制器,

这个控制器呢,还是一个普通的ViewController,

拖进来,选一下显示比例,Zoom to 25%

缩小一下儿,这个放到这儿,这个放到这儿,

好,那我们现在是,“点击Cell”的时候,跳到下面儿这个控制器这儿来

那么这个时候,用“自动型”的,还是“手动型”的,
“手动”?为啥用“手动”啊,你点击Cell,是不是一定就会跳到后面儿的页面啊,
“自动型”的,就够了吧,
它有啥要判断的?没有吧,
然后呢,这个里边儿,我们直接点击这个Cell,

去跳到这个控制器,不管你点哪一个Cell,它一定是要跳到后面儿的控制器的,这个不需要作任何判断,
所以呢,我们还是用“自动型”的,
“自动型”的话,直接通过控件儿,连到控制器,就完事儿了,
那么,这个时候呢,我们应该,连的是这个Cell,

所以呢,在这个Cell里边儿,我们拖线,

选择Push,

选择Push,这个Segue就出来了,

然后呢,上面儿这一块儿,

这个新页面儿的标题,叫做“查看/编辑联系人”,

这边儿写一下,“查看/编辑联系人”,

然后呢,左上角儿,这个按钮,叫做“返回”,

这个“返回”,用不用修改,不用吧,因为上边儿这个控制器,实际上我们已经改过了,
我们要改的话,也是改这个“联系人列表”这个控制器,前一个控制器

我们要改的话,也是改前一个控制器,“联系人”控制器,右边这个Back Button:后面这个属性,

这块儿,实际上,已经改过了,已经是“返回”了,
2.然后呢,右边儿,有一个“编辑”按钮,

这个“编辑”的按钮,它也是一个item,
搜索一下item,然后,把这个item控件儿,拖上来,

把这个item,直接拖上来,

然后,把它的文字改一下,

把这个item上面的文字,改成“编辑”,

Title:改成“编辑”,

然后,这一块儿啊,有两个Label、有两个TextField、下边儿还有一个按钮,
所以呢,我们把上一个控制器的这一块儿,复制过来,

我们选中这五个控件儿,

command + C、然后呢,来到这个里边儿,command + V、一下、

把它们往上拖一下,

把这个“添加”按钮上面的文字,改成“保存”,

改成“保存”,

然后呢,“保存”按钮的enable状态,应该是“开启”的,

把这个Enabled属性,勾上,

然后呢,“保存”按钮的hidden,是关着的,

把这个Hidden,勾选上,

然后呢,这五个控件儿,再来一个自动布局,先把之前的自动布局清空

1)首先:是“姓名”这个Label,
文章来源:https://blog.csdn.net/madoca/article/details/135743159
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:chenni525@qq.com进行投诉反馈,一经查实,立即删除!