[iOS微博项目 - 4.5] - 每条微博的底部工具条
- 每条微博底部都有一个工具条
- 显示3个按钮:评论、转发、赞
- 按钮间用分割线隔开
- 有评论数、转发数、赞数的时候显示相应数据,没有则显示文本

- // HVWStatus.h
- /** int 转发数 */
- @property(nonatomic, assign) int reposts_count;
- /** int 评论数 */
- @property(nonatomic, assign) int comments_count;
- /** int 表态数 */
- @property(nonatomic, assign) int attitudes_count;
- //
- // HVWStatusToolbar.m
- // HVWWeibo
- //
- // Created by hellovoidworld on 15/2/12.
- // Copyright (c) 2015年 hellovoidworld. All rights reserved.
- //
- #import "HVWStatusToolbar.h"
- @interface HVWStatusToolbar()
- /** 按钮数组 */
- @property(nonatomic, strong) NSMutableArray *buttons;
- /** 分割线数组 */
- @property(nonatomic, strong) NSMutableArray *divides;
- /** 转发按钮 */
- @property(nonatomic, strong) UIButton *repostButton;
- /** 评论按钮 */
- @property(nonatomic, strong) UIButton *commentButton;
- /** 点赞按钮 */
- @property(nonatomic, strong) UIButton *attitudeButton;
- @end
- @implementation HVWStatusToolbar
- - (NSMutableArray *)buttons {
- if (nil == _buttons) {
- _buttons = [NSMutableArray array];
- }
- return _buttons;
- }
- - (NSMutableArray *)divides {
- if (nil == _divides) {
- _divides = [NSMutableArray array];
- }
- return _divides;
- }
- /** 代码自定义初始化方法 */
- - (instancetype)initWithFrame:(CGRect)frame {
- self = [super initWithFrame:frame];
- if (self) {
- // 设置toolbar背景
- self.image = [UIImage resizedImage:@"timeline_card_bottom_background"];
- // 为了按钮能够点击,设置父控件可交互
- self.userInteractionEnabled = YES;
- // 添加按钮
- self.commentButton = [self setupButtonWithIcon:@"timeline_icon_comment" title:@"评论"];
- self.repostButton = [self setupButtonWithIcon:@"timeline_icon_retweet" title:@"转发"];
- self.attitudeButton = [self setupButtonWithIcon:@"timeline_icon_unlike" title:@"赞"];
- // 添加分割线
- [self setupDivides];
- }
- return self;
- }
- // 设置按钮
- - (UIButton *) setupButtonWithIcon:(NSString *)icon title:(NSString *)title {
- UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
- // 标题
- [button setTitle:title forState:UIControlStateNormal];
- // 图片
- [button setImage:[UIImage imageWithNamed:icon] forState:UIControlStateNormal];
- // 字体颜色
- [button setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
- // 字体大小
- button.titleLabel.font = [UIFont systemFontOfSize:];
- // 图标、文本之间间隙
- [button setTitleEdgeInsets:UIEdgeInsetsMake(, , , )];
- // 高亮背景
- [button setBackgroundImage:[UIImage imageWithNamed:@"timeline_card_bottom_background_highlighted"] forState:UIControlStateHighlighted];
- // 取消高亮图片调整效果
- [button setAdjustsImageWhenHighlighted:NO];
- // 加入到view中
- [self addSubview:button];
- [self.buttons addObject:button];
- return button;
- }
- // 设置分割线
- - (void) setupDivides {
- for (int i=; i<self.buttons.count; i++) {
- UIImageView *divide = [[UIImageView alloc] init];
- divide.image = [UIImage imageWithNamed:@"timeline_card_bottom_line"];
- divide.contentMode = UIViewContentModeCenter;
- [self addSubview:divide];
- [self.divides addObject:divide];
- }
- }
- /** 设置Frame模型 */
- - (void)setToolbarFrame:(HVWStatusToolbarFrame *)toolbarFrame {
- _toolbarFrame = toolbarFrame;
- // 设置自己的frame
- self.frame = toolbarFrame.frame;
- // 配置toolbar按钮数据
- [self setupToolBarButton];
- }
- // 设置子控件frame
- - (void)layoutSubviews {
- [super layoutSubviews];
- // 配置按钮frame
- CGFloat buttonWidth = self.width / self.buttons.count;
- CGFloat buttonHeight = self.height;
- CGFloat buttonY = ;
- for (int i=; i<self.buttons.count; i++) {
- CGFloat buttonX = i * buttonWidth;
- UIButton *button = self.buttons[i];
- button.frame = CGRectMake(buttonX, buttonY, buttonWidth, buttonHeight);
- }
- // 配置分割线frame
- CGFloat divideWidth = ;
- CGFloat divideHeight = self.height;
- for (int i=; i<self.divides.count; i++) {
- CGFloat divideX = (i + ) * buttonWidth;
- UIImageView *imageView = self.divides[i];
- imageView.size = CGSizeMake(divideWidth, divideHeight);
- imageView.center = CGPointMake(divideX, self.height * 0.5);
- }
- }
- /** 设置toolbar按钮数据 */
- - (void) setupToolBarButton {
- HVWStatus *status = self.toolbarFrame.status;
- // 评论
- [self setupButtonTitle:self.commentButton withOriginalTitle:@"评论" titleCount:status.comments_count];
- // 转发
- [self setupButtonTitle:self.repostButton withOriginalTitle:@"转发" titleCount:status.reposts_count];
- // 点赞
- [self setupButtonTitle:self.attitudeButton withOriginalTitle:@"赞" titleCount:status.attitudes_count];
- }
- /** 设置按钮标题 */
- - (void) setupButtonTitle:(UIButton *) button withOriginalTitle:(NSString *)buttonTitle titleCount:(int)titleCount {
- // 当数量超过1万的时候,使用“万”作为单位
- if (titleCount >= ) {
- buttonTitle = [NSString stringWithFormat:@"%.1f万", (titleCount / 10000.0)];
- buttonTitle = [buttonTitle stringByReplacingOccurrencesOfString:@".0" withString:@""]; // 去除".0"小数
- } else if (titleCount) {
- buttonTitle = [NSString stringWithFormat:@"%d", titleCount];
- }
- [button setTitle:buttonTitle forState:UIControlStateNormal];
- }
- @end
[iOS微博项目 - 4.5] - 每条微博的底部工具条的更多相关文章
- [iOS微博项目 - 3.0] - 手动刷新微博
github: https://github.com/hellovoidworld/HVWWeibo A.下拉刷新微博 1.需求 在“首页”界面,下拉到一定距离的时候刷新微博数据 刷新数据的时候使 ...
- [iOS微博项目 - 4.2] - 设置转发微博背景
github: https://github.com/hellovoidworld/HVWWeibo A.转发微博部分的淡灰色背景 1.需求 转发微博部分需要设置背景色 使用图片作为背景 2.思路 ...
- [iOS微博项目 - 4.1] - cell的frame模型
github: https://github.com/hellovoidworld/HVWWeibo A.cell的frame模型设计 1.需求 每个cell都有一个frame实例引用 frame模型 ...
- [ExtJS5学习笔记]第八节 Extjs5的Ext.toolbar.Toolbar工具条组件及其应用
本文地址:http://blog.csdn.net/sushengmiyan/article/details/38515499 本文作者:sushengmiyan ------------------ ...
- 黄聪:自定义WordPress前台、后台顶部菜单栏管理工具条的技巧
使用WordPress开发网站项目,很多时候都需要对进行后台定制,今天倡萌主要分享下自定义顶部管理工具条的使用技巧. 注:如无特殊说明,请将下面的代码添加到主题的 functions.php 或者插 ...
- 黄聪:自定义WordPress顶部管理工具条的技巧(转)
使用WordPress开发网站项目,很多时候都需要对进行后台定制,今天倡萌主要分享下自定义顶部管理工具条的使用技巧. 注:如无特殊说明,请将下面的代码添加到主题的 functions.php 或者插 ...
- 积累的VC编程小技巧之工具条和状态条
1.工具条和状态条中控件的添加: 方法⑴.只能在ToolBar里创建控件:首先,在ToolBar中创建一个Button,其ID为ID_TOOL_COMBO(我们要将创建的控件放在该Button的位置上 ...
- SWIFT显示底部的工具条
有以下页面显示我的讯息,用户可以点击右上角的编辑按钮进入删除状态.点击编辑按钮后,按钮文字改为“取消”,左上角的按钮变为“全选”,同时显示底部工具条带有“删除”按钮 实现起来挺简单的,在正常状态下点击 ...
- iOS开发小技巧--微博项目中的键盘工具条
微博项目中的键盘工具条 项目中的键盘工具条不能使用inputAccessoryView,因为inputAccessoryView不能实现键盘隐藏的时候,工具条还显示在眼前,如图: 所以,果断决定将工具 ...
随机推荐
- UISCREEN 和支持高分辨率的显示屏
UIScreen对象包含了整个屏幕的边界矩形.当构造应用的用户界面接口时,你应该使用该对象的属性来获得推荐的矩形大小,用以构造你的程序窗口. CGRect bound = [[UIScreen mai ...
- vue 和ng的区别
vue: 读音: v-u-e view vue到底是什么? 一个mvvm框架(库).和angular类似 比较容易上手.小巧 mvc: ...
- Hystrix的用法demo
1.引入依赖 <dependency> <groupId>org.springframework.cloud</groupId> <artifactId> ...
- 用C语言(apue)实现 把时间戳转换为国标格式的字符串(2017-07-17 22:36:12)的函数
/*******************************************************************************/ /** *** 函 数 名: cha ...
- 【转】在MAC下配置MySQL 5.7 数据库的编码问题
1.MySQL 5.7 for MAC 默认没有my.cnf文件 ,首先 新建my.cnf文件: 2.在my.cnf文件追加 1 2 3 4 5 6 7 8 [mysqld] character-se ...
- PowerPoint 2010 设置演讲者模式
- 一款基于jQuery的图片左右滑动焦点图
今天给大家分享一款基于jQuery的焦点图插件,这款jQuery焦点图插件的特点是可以多张图片左右滑动切换,可以点击切换按钮进行图片滑动,同时也支持图片自动切换.另外,这款jQuery焦点图是宽屏的, ...
- springJDBC实现查询
其实在Spring这个框架中,提供了一些对JDBC访问数据库的封装,其中JdbcTemplate就是一个很好用的类,下面来 演示一下这个类的一些用法.首先需要导入commons-logging.jar ...
- UCOS2_STM32移植详细过程(汇总)
Ⅰ.概述 笔者发现一个问题,很多初学者,甚至很多工作一两年的人,他们有一种依赖的思想,就是希望从别处获取的软件代码不做任何修改,直接可以运行或者使用.笔者想说,实践才是检验真理的关键,实践才是掌握知识 ...
- CentOS下yum安装PostgreSQL
关键词:centos install PostgreSQL Configure YUM repository vim /etc/yum.repos.d/CentOS-Base.repo [base] ...