学习HM微博项目第8天
步骤:发微博01-导航栏内容 -> 发微博02-自定义TextView -> 发微博03-完善TextView和发送微博按钮 -> 发微博04-显示工具条 -> 发微博05-封装工具条和相册 -> 发微博06-发送微博
发微博01-导航栏内容
APP的演示操作:
从APP的演示操作中可知,当点击tabBar的“+”按钮时APP会以modal的方式跳转到发微博的控制器。实现代码如下:
在HMComposeViewController类的viewDidLoad方法中,设置导航栏内容,并添加输入控件(用于输入微博正文),如下:
HMComposeViewController类的初始化方法如下:
发微博02-自定义TextView
APP的演示操作:
前文中,已经初步添加了输入控件UITextView,但是输入控件UITextView并不能完全满足我们的要求,即无法实现占位文字。
所以,新建了一个继承自UITextView的HMTextView类,将占位文字的实现以及输入控件的具体逻辑都封装到HMTextView类中,只将占位文字和占位文字颜色两个属性提供给外界(HMComposeViewController类)使用。如下:
在HMTextView类中,占位文字的实现有多种方式:第一种是添加UILabel,第二种是重写drawRect:方法。在这里,我们采用的是第二种方式。重写drawRect:方法,如下:
观察APP的演示操作,一开始进入发微博界面时,输入控件上显示的是“分享新鲜事”,当我们输入文字后,“分享新鲜事”就会“消失”。这里的实现原理是通知。具体代码如下:
注意:这里不适合使用代理,用通知即可。发出通知后,会触发textDidChange事件,然后重新调用drawRect方法进行重绘。
发微博03-完善TextView和发送微博按钮
APP的演示操作:
在前文的基础上继续完善输入控件,并且当有输入文字后,导航栏的右边发送按钮可以响应(发送微博)。
参考前面,HMComposerViewController监听输入文字同样是采用通知的方式。如下:
其中,textDidChange方法的具体代码如下:
在HMComposerViewController中,监听方法send是用于发送微博,具体代码如下:
说明:
1.完善前文中设置导航栏内容的代码,要考虑是否有微博名,如下:
2.HMTextView类声明了两个属性placedholder和placedholderColor,由于这两个属性不是系统属性,所以在优先级上会较低,我们有时候需要重写它们的setter方法,如下:
3.每一次使用通知,都要注意调用dealloc方法,移除观察者。如下:
发微博04-显示工具条
APP的演示操作:
仔细观察APP的演示操作,工具条一开始是显示在屏幕底部,当键盘弹出时工具条才移动到键盘的顶部。
在HMComposeViewController的viewDidLoad方法添加工具条,如下:
其中,setupToolBar方法如下:
问题:对于工具条的类HMComposerToolbar暂时不要考虑,先弄明白为什么当键盘一出现工具条就会移动键盘的顶部?实现原理是什么?
思路:
1.键盘会在进入发微博页面后就弹出是因为调用了viewDidAppear:方法,如下:
2.弹出键盘后移动工具条,这是因为当键盘的frame发生改变时就会发出通知UIKeyboardWillChangeFrameNotification,触发keyboardWillChangeFrame:事件, 执行动画移动工具条,如下:
其中,keyboardWillChangeFrame:方法,如下:
在HMComposerToolbar类(继承自UIView)中,设置工具条上的按钮。具体代码如下:
@implementation HMComposeToolbar- (id)initWithFrame:(CGRect)frame
{self = [super initWithFrame:frame];if (self) {self.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"compose_toolbar_background"]];//初始化按钮[self setupBtn:@"compose_camerabutton_background" highImage:@"compose_camerabutton_background_highlighted"];[self setupBtn:@"compose_toolbar_picture" highImage:@"compose_toolbar_picture_highlighted"];[self setupBtn:@"compose_mentionbutton_background" highImage:@"compose_mentionbutton_background_highlighted"];[self setupBtn:@"compose_trendbutton_background" highImage:@"compose_trendbutton_background_highlighted"];[self setupBtn:@"compose_emoticonbutton_background" highImage:@"compose_emoticonbutton_background_highlighted"];}return self;
}/*** 创建一个按钮*/
- (void)setupBtn:(NSString *)image highImage:(NSString *)highImage
{UIButton *btn = [[UIButton alloc] init];[btn setImage:[UIImage imageNamed:image] forState:UIControlStateNormal];[btn setImage:[UIImage imageNamed:highImage] forState:UIControlStateHighlighted];[self addSubview:btn];}/*** 设置按钮的尺寸*/
- (void)layoutSubviews
{[super layoutSubviews];//设置按钮的frameNSUInteger btnCount = self.subviews.count;CGFloat btnW = self.size.width / 5;CGFloat btnH = self.size.height;for (int i = 0; i< btnCount; i++) {UIButton *btn = self.subviews[i];btn.x = i * btnW;btn.y = 0;btn.width = btnW;btn.height = btnH;}
}
@end
发微博05-封装工具条和相册
APP的演示操作:
仔细观察APP的演示操作,在输入文字下面添加了相册,用于显示发微博的图片。而工具条上的按钮也可以响应某些事件。其实现过程相当复杂。
在HMComposeViewController的viewDidLoad方法添加相册,如下:
其中,setupPhotosView方法如下:
在HMComposePhotosView(继承自UIView)中,添加图片到发微博的相册中,设置图片的frame。关键代码如下:
其中,要将方法addPhoto提供外界,用于从外界添加图片。
在HMComposeToolbar类,完善之前的代码,使得工具条上的按钮可以响应。不同于之前所用到的通知,这里要通过代理来实现按钮的点击事件。
过程:
1.声明代理协议和代理属性,具体代码如下:
2.通知代理对象,具体代码如下:
说明:由于使用到btn.tag,所以要对之前的代码进行完善,如下:
在HMComposeViewController中,遵守HMComposeToolbarDeleagate代理协议,实现代理方法,如下:
其中,openCamera和openAlbum方法分别对应工具条上的“拍照”和“相册”按钮。具体代码如下:
openImagePickerController:设置代理,遵守
UINavigationControllerDelegate和UIImagePickerControllerDelegate代理协议,实现代理方法imagePickerController:didFinishPickingMediaWithInfo:方法,如下:
在imagePickerController:didFinishPickingMediaWithInfo:方法中,取出系统相册里的图片后,调用HMComposePhotosView类的addPhoto方法,将图片添加到发微博的相册photosView中。
发微博06-发送微博
APP的演示操作:
仔细观察APP的演示操作,此时发微博除了发送文字,还可以发送图片。截图如下:
实际上,在前文的send方法中的api接口是没办法发送图片的,需要另外一个接口。这就需要我们考虑两种情况(有图片和没图片)。
完善send方法,具体代码如下:
其中,sendWithImage方法如下:
sendWithoutImage方法如下:
说明:
1.发送带有图片的微博,需要将图片上传到新浪的服务器。
这就涉及HMComposePhotosView类,需要HMComposePhotosView类提供photos属性给外界用来获取图片资源。
由于外界没必要对图片资源进行修改,只需要获取即可。所以对photos属性进行特殊声明(readonly)。如下:
并且要完善下addPhoto方法的代码,如下:
总结:主要掌握好工具条的设置和如何移动,并且进一步加深对readonly属性的认识。
相关文章:

学习HM微博项目第8天
步骤:发微博01-导航栏内容 -> 发微博02-自定义TextView -> 发微博03-完善TextView和发送微博按钮 -> 发微博04-显示工具条 -> 发微博05-封装工具条和相册 -> 发微博06-发送微博 发微博01-导航栏内容 APP的演示操作: 从APP的演示操作中可…...

十五、存储过程与函数
一、存储过程概述 1、简介 含义:存储过程的英文是 Stored Procedure 。它的思想很简单,就是一组经过 预先编译 的 SQL 语句的封装 执行过程:存储过程预先存储在 MySQL 服务器上,需要执行的时候,客户端只需要向服务器…...

php实现助记词转TRX,ETH 私钥和钱包地址
TRX助记词转地址网上都是Java,js或其他语言开发的示例,一个简单的功能需要依赖其他环境来实现表示不能忍,毕竟php是世界上最好的语言。【狗头】 一、知识准备 要实现助记词转TRX私钥和地址,先需要知道助记词和私钥钱包地址之间的…...

浅析可观测系统中sdk的不同引入方式的利与弊
文章前提是不考虑sw的方式引入,同时不考虑在nginx等自动注入js脚本的方式,那么基本就是两种大的形式:cdn引入和本地引入其中cdn引入有两种:cdn同步cdn异步本地引入有两种:npm本地js文件参考知识提前先补充一张图片正文…...
Google Earth导入经纬高(txt文件)
目录 一、提取GNSS数据生成txt文本文件 二、Google Earth导入txt文件 1、启动Google Earth 2、打开vig_result.txt...

Unity客户端开发工程师的进阶之路
UWA技能成长系统是UWA根据学员的职业发展目标,提供技能学习的推荐路径,再将所需学习内容按难易等多维度,设计分成多个学习阶段,可以循序渐进地进行学习。 进入技能成长体系,目标选择高级客户端开发工程师(U…...
2023年全国最新高校辅导员精选真题及答案34
百分百题库提供高校辅导员考试试题、辅导员考试预测题、高校辅导员考试真题、辅导员证考试题库等,提供在线做题刷题,在线模拟考试,助你考试轻松过关。 72.心理发展的特点是()。 A.方向性与不可逆性 B.连续性与阶段性…...
chatGPT身份指令
充当 Linux 终端 我想让你充当 Linux 终端。我将输入命令,您将回复终端应显示的内容。我希望您只在一个唯一的代码块内回复终端输出,而不是其他任何内容。不要写解释。除非我指示您这样做,否则不要键入命令。当我需要用英语告诉你一些事情时&…...

基于springboot实现私人健身与教练预约管理系统【源码+论文】分享
基于springboot实现私人健身与教练预约管理系统演示开发语言:Java 框架:springboot JDK版本:JDK1.8 服务器:tomcat7 数据库:mysql 5.7 数据库工具:Navicat11 开发软件:eclipse/myeclipse/idea M…...
网络技术领域术语大全,含中英文及缩写,强烈建议收藏!
你好,这里是网络技术联盟站。 今天给大家分享的是网络技术领域相关的术语大全,在文末,我已经将本文整理成一个pdf文档了,大家可以下载到本地以便查阅。 自主访问控(DAC:Discretionary Access Control) 自主访问控制(DAC)是一个…...

C++源码剖析——vector和array
前言:之前看过侯老师的《STL源码剖析》但是那已经是多年以前的,现在工作中有时候查问题和崩溃都需要了解实际工作中使用到的STL的实现。因此计划把STL的源码再过一遍。 摘要:本文描述了llvm中libcxx的std::vector的实现。 关键字&…...

学习linux编程(一)
本文导航一. Linux基础知识杂记0. terminal操作快捷键等1. 为什么vfork的子进程里用return,整个程序会挂掉,而且exit不会(zz)2. 进程内存管理详解3. 关于堆和自由存储区概念的区别4. cache和buffer的区别5. C实现线程池6. 静态函数和虚函数的区别7. C里是…...
pt-query-digest_详细使用方法
pt-query-digest_详细使用方法1. pt介绍1.1. 说明1.2. 安装2 语法选项2.1 所有参数2.2 常见参数2.3 事件和属性2.4 分组2.5 过滤2.6 排序2.7 输出选项2.8 DSN(数据源)选项3. 慢日志3.1 事件属性3.2 分析报告3.2.1 第一部分:总体概况说明3.2.2 第二部分:查…...
基于MATLAB编程的萤火虫FA优化BP神经网络的回归分析
目录 BP神经网络的原理 BP神经网络的定义 BP神经网络的基本结构 BP神经网络的神经元 BP神经网络激活函数及公式 SVM应用实例,基于fa-svm分类预测 代码 结果分析 展望 BP神经网络的原理 BP神经网络的定义 人工神经网络无需事先确定输入输出之间映射关系的数学方程,仅通过…...
leetcode 消失的数字(面试题)
题目 数组nums包含从0到n的所有整数,但其中缺了一个。请编写代码找出那个缺失的整数。你有办法在O(n)时间内完成吗? 注意:本题相对书上原题稍作改动 示例 1: 输入:[3,0,1] 输出:2 示例 2: 输入&…...

Spring入门篇6 --- AOP
目录1.核心概念AOP(Aspect Oriented Programming)面向切面编程:一种编程范式,指导开发者如何组织程序结构作用:在不惊动原始设计的基础上为其进行功能增强。连接点(JoinPoint):程序执行过程中的任意位置切入点(PointCut)ÿ…...

linux 配置java环境
1、上传jdk包到/usr/local/java目录下 2、解压jdk的tar包 tar -zxvf jdk-8u291-linux-x64.tar.gz 3、添加配置(环境变量) 注意:JAVA_HOME值为实际jdk路径 打开配置文件 vi /etc/profile 最下面添加: #set java environment JAVA_HOME/usr/…...

分布式事务基础入门
分布式事务基础入门 什么是分布式事务 什么是分布式事务? 首先理解什么是本地事务? 平常我们在程序中通过spring去控制事务是利用数据库本身的事务特性来实现的,因此叫数据库事务,由于应用主要靠关系数据库来控制事务࿰…...

白盒测试究竟怎么做
大家好,我是洋子 在进行日常测试的时候,我们大部分时间花在手动的功能测试上,功能测试又可称为手工测试,官方一点的学名叫黑盒测试,当然作为测试工程师,我们一般俗称点点点 黑盒测试是一种软件测试方法&am…...

EEG微状态的功能意义
导读大脑的瞬时全局功能状态反映在其电场结构上。聚类分析方法一致地提取了四种头表面脑电场结构,这些结构能够最佳地解释自发EEG记录中随时间变化的差异。这四种结构被称为EEG微状态A、B、C和D类,分别与言语/语音、视觉、主观感受-自主加工和注意力重定…...
应用升级/灾备测试时使用guarantee 闪回点迅速回退
1.场景 应用要升级,当升级失败时,数据库回退到升级前. 要测试系统,测试完成后,数据库要回退到测试前。 相对于RMAN恢复需要很长时间, 数据库闪回只需要几分钟。 2.技术实现 数据库设置 2个db_recovery参数 创建guarantee闪回点,不需要开启数据库闪回。…...

基于uniapp+WebSocket实现聊天对话、消息监听、消息推送、聊天室等功能,多端兼容
基于 UniApp + WebSocket实现多端兼容的实时通讯系统,涵盖WebSocket连接建立、消息收发机制、多端兼容性配置、消息实时监听等功能,适配微信小程序、H5、Android、iOS等终端 目录 技术选型分析WebSocket协议优势UniApp跨平台特性WebSocket 基础实现连接管理消息收发连接…...

什么是库存周转?如何用进销存系统提高库存周转率?
你可能听说过这样一句话: “利润不是赚出来的,是管出来的。” 尤其是在制造业、批发零售、电商这类“货堆成山”的行业,很多企业看着销售不错,账上却没钱、利润也不见了,一翻库存才发现: 一堆卖不动的旧货…...

Java-41 深入浅出 Spring - 声明式事务的支持 事务配置 XML模式 XML+注解模式
点一下关注吧!!!非常感谢!!持续更新!!! 🚀 AI篇持续更新中!(长期更新) 目前2025年06月05日更新到: AI炼丹日志-28 - Aud…...

2025 后端自学UNIAPP【项目实战:旅游项目】6、我的收藏页面
代码框架视图 1、先添加一个获取收藏景点的列表请求 【在文件my_api.js文件中添加】 // 引入公共的请求封装 import http from ./my_http.js// 登录接口(适配服务端返回 Token) export const login async (code, avatar) > {const res await http…...

自然语言处理——Transformer
自然语言处理——Transformer 自注意力机制多头注意力机制Transformer 虽然循环神经网络可以对具有序列特性的数据非常有效,它能挖掘数据中的时序信息以及语义信息,但是它有一个很大的缺陷——很难并行化。 我们可以考虑用CNN来替代RNN,但是…...
蓝桥杯 冶炼金属
原题目链接 🔧 冶炼金属转换率推测题解 📜 原题描述 小蓝有一个神奇的炉子用于将普通金属 O O O 冶炼成为一种特殊金属 X X X。这个炉子有一个属性叫转换率 V V V,是一个正整数,表示每 V V V 个普通金属 O O O 可以冶炼出 …...

人机融合智能 | “人智交互”跨学科新领域
本文系统地提出基于“以人为中心AI(HCAI)”理念的人-人工智能交互(人智交互)这一跨学科新领域及框架,定义人智交互领域的理念、基本理论和关键问题、方法、开发流程和参与团队等,阐述提出人智交互新领域的意义。然后,提出人智交互研究的三种新范式取向以及它们的意义。最后,总结…...

排序算法总结(C++)
目录 一、稳定性二、排序算法选择、冒泡、插入排序归并排序随机快速排序堆排序基数排序计数排序 三、总结 一、稳定性 排序算法的稳定性是指:同样大小的样本 **(同样大小的数据)**在排序之后不会改变原始的相对次序。 稳定性对基础类型对象…...
动态 Web 开发技术入门篇
一、HTTP 协议核心 1.1 HTTP 基础 协议全称 :HyperText Transfer Protocol(超文本传输协议) 默认端口 :HTTP 使用 80 端口,HTTPS 使用 443 端口。 请求方法 : GET :用于获取资源,…...