新浪微博-表情键盘的显示

</pre>自定义表情键盘keyboardView，上部分为一个整体的自定义listView包括UIScrollVIew和pageControll,下部分为一个自定义的toolbar，UIScrollVIew里添加了多个gridView（即一页表情的view），每一个gridView中包含多个emotionView（自定义继承于UIButton），每一个emotionView就是一个表情，emotionView为什么继承与UIButton，因为表情中有emoji表情和图片表情，emoji就是字符串，使用unicode编码而已，UIButton既能够显示图片和文字所以最合适，重点是循环利用，键盘keyboardView有多个表情数组，每点击最底部toolbar时都赋值给listVIew一个表情数组，重写set方法，利用数组个数判断需要多少页，就创建多少个gridView，重点就在这，每次都需要判断UIScrollView的个数（注意：如果直接利用UIScrollView的subviews会包括两个滚动条需要不显示两个滚动条），如果够就不创建，并将多余的显示，如果不够才创建，然后把数组中的表情分发给GridView，也是重写set方法，计算表情个数，这时候需要一个数组，保存所有的emotionview，为的是和gridview中的删除按钮单独出来，方便计算frame，然后则同上不够则创建，emotionview则需要判断是emoji还是图片显示即可。<p></p><pre name="code" class="objc">LIstView计算有多少个GridView
-(void)setEmotions:(NSArray *)emotions
{
_emotions=emotions;

self.scrollView.contentOffset=CGPointZero;
//    总共有多少个表情
int count=emotions.count;
int totlaPage=(count+LSEmotionPerMaxCount-1)/LSEmotionPerMaxCount;
//      LSLog(@"totaalPage===%d",totlaPage);
//    设置pageControl的总页数
self.pageControl.numberOfPages=totlaPage;

int currentPage=self.scrollView.subviews.count;
self.scrollView.contentSize= CGSizeMake(self.scrollView.width*totlaPage,0);
//    创建一页表情的GridView
for (int i=0; i<totlaPage; i++) {
LSEmotionGridView *gridView=nil;

if (i>=currentPage) {
gridView=[[LSEmotionGridView alloc]init];
[self.scrollView addSubview:gridView];
}else{
gridView=self.scrollView.subviews[i];
}

int location=i*LSEmotionPerMaxCount;
int length=LSEmotionPerMaxCount;
if (location+length>count) {
length=count-location;
}
NSRange range=NSMakeRange(location, length);
NSArray *gridEmotions=[emotions subarrayWithRange:range];
gridView.emotions=gridEmotions;
gridView.hidden=NO;
}
for (int i=totlaPage; i<self.scrollView.subviews.count; i++) {
LSEmotionGridView *gridView = self.scrollView.subviews[i];
gridView.hidden = YES;
}
[self setNeedsLayout];

}

<pre name="code" class="objc">LIstView计算子控件frame

-(void)layoutSubviews{ [super layoutSubviews]; self.pageControl.width=self.width; self.pageControl.height=30; self.pageControl.y=self.height-self.pageControl.height; self.scrollView.width=self.width; self.scrollView.height=self.height-self.pageControl.height;
int count=self.scrollView.subviews.count; for (int i=0; i<count; i++) { UIView *gridView=self.scrollView. subviews[i]; gridView.width=self.scrollView.width; gridView.height=self.scrollView.height; gridView.x=i*gridView.width; }}

</pre><pre name="code" class="objc">

</pre><pre name="code" class="objc">

</pre><pre name="code" class="objc">GridView计算有多少个表情

<pre name="code" class="objc">-(void)setEmotions:(NSArray *)emotions
{
_emotions=emotions;

int count=(int)emotions.count;
int currentCount=(int)self.emotionViews.count;

for (int i=0; i<count; i++) {
LSEmotionView *emotionView=nil;
if (i>=currentCount) {

emotionView=[[LSEmotionView alloc]init];

[emotionView addTarget:self action:@selector(emotionViewClick:) forControlEvents:UIControlEventTouchUpInside];
[self.emotionViews addObject:emotionView];
[self addSubview:emotionView];
}else{
emotionView=self.emotionViews[i];
}
emotionView.emotion=emotions[i];
emotionView.hidden=NO;
}
for (int i=count; i<self.emotionViews.count; i++) {
LSEmotionView *emotionView= self.emotionViews[i];
emotionView.hidden=YES;
}

}

</pre><pre name="code" class="objc"><pre name="code" class="objc">GridView子控件的frame计算

-(void)layoutSubviews
{
[super layoutSubviews];
//    设置每一个小表情的frame
CGFloat leftMargin=15;
CGFloat topMargin=15;
CGFloat width=(self.width-2*leftMargin)/LSEmotionPerColMaxCount;
CGFloat height=(self.height-2*topMargin)/LSEmotionPerRolMaxCount;
for (int i=0; i<self.emotionViews.count; i++) {
LSEmotionView *emotionView=self.emotionViews[i];
emotionView.width=width;
emotionView.height=height;
emotionView.x=leftMargin+i%LSEmotionPerColMaxCount*width;
emotionView.y=topMargin+i/LSEmotionPerColMaxCount*height;

}
//    设置删除按钮的frame
self.deletedButton.height=height;
self.deletedButton.width=width;
self.deletedButton.x=self.width-leftMargin-self.deletedButton.width;
self.deletedButton.y=self.height-topMargin-self.deletedButton.height;

}

emotiionView注意，不管是显示图片还是emoji都需要把相反的清空，因为有可能上次显示图片，这次显示emoji就重复l

-(void)setEmotion:(LSEmotion *)emotion
{
_emotion=emotion;
if (emotion.code) {

[UIView setAnimationsEnabled:NO];
[self setTitle:[NSString emojiWithStringCode:emotion.code]forState:UIControlStateNormal];
[self setImage:nil forState:UIControlStateNormal];
[UIView setAnimationsEnabled:YES];

}else {
[UIView setAnimationsEnabled:NO];
[self setTitle:nil forState:UIControlStateNormal];
[self setImage:[UIImage imageWithOriginalName:emotion.png] forState:UIControlStateNormal];
[UIView setAnimationsEnabled:YES];
}
}