电影评分星级显示效果的实现
来源:互联网 发布:护手霜推荐 知乎 编辑:程序博客网 时间:2024/06/11 13:52
实现电影评分的星级显示效果
核心代码:
- (void)viewDidLoad { [super viewDidLoad]; self.view.backgroundColor = [UIColor grayColor]; //电影评分 float score = 6.8; //十分制 //星星的图片 UIImage *yellowStarImage = [UIImage imageNamed:@"yellow"]; UIImage *grayStarImage = [UIImage imageNamed:@"gray"]; float num = score/10*5; //十分制转换为5星制度 //两个view的位置要相同,黄色星星宽度由num来决定 UIView *view1 = [[UIView alloc] initWithFrame:CGRectMake(100, 100, num*(yellowStarImage.size.width), yellowStarImage.size.height)]; UIView *view2 = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 5*(grayStarImage.size.width), grayStarImage.size.height)]; view1.backgroundColor = [UIColor colorWithPatternImage:yellowStarImage]; view2.backgroundColor = [UIColor colorWithPatternImage:grayStarImage]; //注意添加subView顺序,先添加灰色星星背景图,再添加黄色星星背景图 [self.view addSubview:view2]; [self.view addSubview:view1]; // Do any additional setup after loading the view, typically from a nib.}
效果图:
0 0
- 电影评分星级显示效果的实现
- 原生js实现的星级评分效果
- 原生js实现的星级评分效果
- 星级评分效果 -js实现
- 星级评分的简化实现
- 星级评分的简化实现
- 用css实现星级评分效果
- [Html]Jquery实现星级评分效果
- 星级评分功能实现
- JQUERY 实现星级评分
- JS实现星级评分
- react/vue两种实现星级评分效果
- 仿淘宝星级评分效果
- 星级评分的jquery
- 星级评分的演示
- CSS实现星级评分III
- css实现星级商户评分
- js+css实现星级评分
- 1040. Longest Symmetric String
- spring,springmvc获取bean
- Vim 文本编辑器主要内容
- Spark进阶视频之Scala中上下文界定内幕中的隐式参数与隐式参数的实战详解及其在Spark中的应用源码解析
- Android中各种drawable的使用
- 电影评分星级显示效果的实现
- 关于项目跟进
- 模拟退火 (poj 2420, poj 2069)
- GridView的按下或点击选中后的效果如何去除
- 如何控制 VC 中控件间的TAB切换顺序
- 餐饮软件简单的分析和一些看法
- 【前端】浮动后父容器高度自适应
- 开始
- 互联网产品的测试