Android實(shí)現(xiàn)根據(jù)評(píng)分添加星級(jí)條

更新時(shí)間：2019年10月23日 09:13:03 作者：搖啊搖曳瑤

這篇文章主要介紹了Android實(shí)現(xiàn)根據(jù)評(píng)分添加星級(jí)條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

簡(jiǎn)述

在仿寫(xiě)豆瓣的時(shí)候，發(fā)現(xiàn)了根據(jù)評(píng)分不同，星級(jí)數(shù)也不同的星級(jí)條。

百度一搜，發(fā)現(xiàn)Android有自帶控件UIRatingBar，而iOS得要自己寫(xiě)…好吧，那就寫(xiě)吧。

圖片素材

首先，要準(zhǔn)備三張圖片，圖片如下：
空星，半星，全星

因?yàn)槲覀兛梢钥吹剑诙拱甑脑u(píng)分星級(jí)條里，只有空、半、全星，所以只需要準(zhǔn)備這3種圖片。

思路

豆瓣的星級(jí)條中既有圖片，又有文字，所以我們自定義一個(gè)繼承于UIView的starView。

初始化方法

因?yàn)樾羌?jí)條要根據(jù)評(píng)分的數(shù)據(jù)來(lái)決定星的顆數(shù)，所以我們要重新創(chuàng)建一個(gè)初始化方法：

//在starView.m中寫(xiě)

- (instancetype)initWithFrame:(CGRect)frame score:(double)score;


//在starView.h中對(duì)其進(jìn)行操作實(shí)現(xiàn)
- (instancetype)initWithFrame:(CGRect)frame score:(double)score{
 self = [super initWithFrame:frame];
 //記得把傳過(guò)來(lái)的score賦值給全局變量_starScore
 _starScore = score;
 return self;
}

這樣，我們就可以在ViewController.m中利用此方法初始化一個(gè)星級(jí)條視圖：

starView *star = [[CJTStarView alloc] initWithFrame:CGRectMake(100, 100, 200, 50) score:6.8];

此處的score可以改成根據(jù)網(wǎng)絡(luò)請(qǐng)求得到的評(píng)分?jǐn)?shù)據(jù)。

根據(jù)添加星星圖片

在這里，我設(shè)置的分?jǐn)?shù)與星星的對(duì)應(yīng)關(guān)系如下：

4.6-5.5 2.5顆星
5.6-6.5 3顆星
6.6-7.5 3.5顆星
7.6-8.5 4顆星
8.6-9.5 4.5顆星

而因?yàn)槲覀冎挥?顆星，所以對(duì)分?jǐn)?shù)做如下處理：

_starScore = (_starScore / 2 - 0.3);

接下來(lái)就是用循環(huán)添加圖片到view上，因?yàn)槲覀冇腥N圖片，所以在循環(huán)中還要加判斷，代碼如下：

for (int count = 0; count < 5; count++) {
 UIImageView *starImageView = [[UIImageView alloc] init];
 starImageView.frame = CGRectMake(count * self.frame.size.height, 0, self.frame.size.height, self.frame.size.height);
 [self addSubview:starImageView];
 if (count <= _starScore - 0.5) {
  starImageView.image = [UIImage imageNamed:@"stars_full"];
 } else {
  if (_starScore - count >= 0 && _starScore - count < 0.5) {
  starImageView.image = [UIImage imageNamed:@"stars_half"];
  } else {
  starImageView.image = [UIImage imageNamed:@"stars_empty"];
  }
 }
 }

這里的判斷條件是數(shù)學(xué)問(wèn)題，就不詳細(xì)講了。

當(dāng)然，如果分?jǐn)?shù)與星星的對(duì)應(yīng)規(guī)則和我不同，那么就要適當(dāng)修正這里的判斷條件。

在星級(jí)條后添加分?jǐn)?shù)

在豆瓣到星級(jí)條后面還有分?jǐn)?shù)，因此我們?cè)?span style="color: #800000">view中添加一個(gè)UILabel對(duì)象。

UILabel *scoreLabel = [[UILabel alloc] init];
 scoreLabel.frame = CGRectMake( 5 * self.frame.size.height + 10, 8, self.frame.size.width - 5 * self.frame.size.height - 10, self.frame.size.height - 8);
 scoreLabel.text = [NSString stringWithFormat:@"%.1f", _starScore];
 scoreLabel.textColor = [UIColor grayColor];
 scoreLabel.font = [UIFont systemFontOfSize:25];

這里要注意，因?yàn)槲覀冊(cè)谠O(shè)置星級(jí)圖的時(shí)候會(huì)修改_starScore的值，所以要在添加星星圖片之前設(shè)置UILabel。

效果圖

最后做出來(lái)到效果如下：