怎么在iOS中實現(xiàn)一個文本分頁功能

這篇文章給大家介紹怎么在iOS中實現(xiàn)一個文本分頁功能，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

目前創(chuàng)新互聯(lián)已為千余家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機(jī)、網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計、瀍河網(wǎng)站維護(hù)等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

靜態(tài)文本分頁

1.文本視圖配置

1.1 設(shè)置textContainer

• 設(shè)置textContainer的尺寸為視圖尺寸

• 設(shè)置lineFragmentPadding為0,讓文本兩邊距離視圖為0,計算更為準(zhǔn)確

 UITextView *textView = [[UITextView alloc] initWithFrame:CGRectMake(0, originY, kTextViewSize.width, kTextViewSize.height)];
 // textContainer的最大高度,實際生成的視圖高度將比此值小
 textView.textContainer.size = CGSizeMake(CGRectGetWidth(textView.bounds), CGRectGetHeight(textView.bounds));
 // 設(shè)置文本內(nèi)容的左右間距為0
 textView.textContainer.lineFragmentPadding = 0.f;

1.2 文本視圖基礎(chǔ)設(shè)置

設(shè)置文本上下邊間距為0,讓文本能夠撐滿視圖

 textView.textContainerInset = UIEdgeInsetsZero;

設(shè)置文本視圖連續(xù)布局

 // 允許連續(xù)布局
 textView.layoutManager.allowsNonContiguousLayout = NO;

1.3 文本視圖完整配置

 UITextView *textView = [[UITextView alloc] initWithFrame:CGRectMake(0, originY, kTextViewSize.width, kTextViewSize.height)];
 textView.backgroundColor = [UIColor yellowColor];
 textView.textColor = [UIColor blackColor];
 // textContainer的最大高度,實際生成的視圖高度將比此值小
 textView.textContainer.size = CGSizeMake(CGRectGetWidth(textView.bounds), CGRectGetHeight(textView.bounds));
 // 需將文本內(nèi)容填充區(qū)域置0處理,計算更準(zhǔn)確
 textView.textContainerInset = UIEdgeInsetsZero;
 // 設(shè)置文本內(nèi)容的左右間距為0
 textView.textContainer.lineFragmentPadding = 0.f;
 textView.text = text;
 textView.font = [UIFont systemFontOfSize:16];
 // 允許連續(xù)布局
 textView.layoutManager.allowsNonContiguousLayout = NO;
 textView.userInteractionEnabled = NO;
 textView.contentSize = textView.bounds.size;

2.文本視圖數(shù)據(jù)配置

通過glyphRangeForTextContainer獲取可容納文本范圍,再截取出文本,即可獲得視圖可展示的內(nèi)容.

 // 獲取文本視圖可容納文本范圍
 NSRange textRange = [textView.layoutManager glyphRangeForTextContainer:textView.textContainer];
 NSString *textViewText = [text substringWithRange:textRange];
 textView.text = textViewText;

3.關(guān)鍵代碼展示

獲取文本數(shù)據(jù),對文本進(jìn)行一段一段截取以達(dá)到分頁.

 NSString *text = @"有一次，在我參加的一個晚會上，主持人問一個小男孩：你長大以后要做什么樣的人？孩子看看我們這些企業(yè)家，然后說：做企業(yè)家。在場的人忽地笑著鼓起了掌。我也拍了拍手，但聽著并不舒服。我想，這孩子對于企業(yè)究竟知道多少呢？他是不是因為當(dāng)著我們的面才說要當(dāng)企業(yè)家的呢？他是不是受了大人的影響，以為企業(yè)家風(fēng)光，都是有錢的人，才要當(dāng)企業(yè)家的呢\n這一切當(dāng)然都是一個謎。但不管怎樣，作為一個人的人生志向，我以為當(dāng)什么并不重要；不管是誰，最重要的是從小要立志做一個努力的人\n我小的時候也曾有人問過同樣的問題，我的回答不外乎當(dāng)教師、解放軍和科學(xué)家之類。時光一晃流走了二十多年，當(dāng)年的孩子，如今已是四十出頭的大人。但仔細(xì)想一想，當(dāng)年我在大人們跟前表白過的志向，實際一個也沒有實現(xiàn)。我身邊的其他人差不多也是如此。有的想當(dāng)教師，后來卻成了個體戶；想當(dāng)解放軍的，有人竟做了囚犯。我上大學(xué)時有兩個同窗好友，他們現(xiàn)在都是我國電子行業(yè)里才華出眾的人，一個成長為“康佳”集團(tuán)的老總，一個領(lǐng)導(dǎo)著TCL集團(tuán)。我們?nèi)齻€不期而然地成為中國彩電骨干企業(yè)的經(jīng)營者，可是當(dāng)年大學(xué)畢業(yè)時，無論有多大的想像力，我們也不敢想十幾年后會成現(xiàn)在的樣子。一切都是我們在奮斗中見機(jī)行事，一步一步努力得來的。與其說我們是有理想的人，不如說我們是一直在努力的人。\n并非我們不重視理想，而是因為樹雄心壯志易，為理想努力難，人生自古就如此。有誰會想到，十多年前的今天，我曾是一個在街頭彷徨，為生存犯愁的人？當(dāng)時的我，一無所有，前途渺茫，真不知路在何處。然而，我卻沒有灰心失望，回想起來，支撐著我走過這段坎坷歲月的正是我的意志品格。當(dāng)許多人以為我已不行、該不行了的時候，我仍做著從地上爬起來的努力，我堅信人生就像馬拉多納踢球，往往是在快要倒下去的時候“進(jìn)球”獲得生機(jī)的。事實也正是如此，就在“山重水復(fù)疑無路”的時候，香港一家企業(yè)倒閉給了我東山再起的機(jī)會，使我能夠與掌握世界最新技術(shù)的英國科技人員合作，開發(fā)技術(shù)先進(jìn)的彩色電視機(jī)，從此一舉走出困境。\n有人說，“努力”與“擁有”是人生一左一右的兩道風(fēng)景。但我以為，人生最美最不能遜色的風(fēng)景應(yīng)該是努力。努力是人生的一種精神狀態(tài)，是對生命的一種赤子之情。努力是擁有之母，擁有是努力之子。一心努力可謂條條大路通羅馬，只想獲取可謂道路逼仄，天地窄小。所以，與其規(guī)定自己一定要成為一個什么樣的人物，獲得什么東西，不如磨練自己做一個努力的人。志向再高，沒有努力，志向終難堅守；沒有遠(yuǎn)大目標(biāo)，因為努力，終會找到奮斗的方向。做一個努力的人，可以說是人生最切實際的目標(biāo)，是人生最大的境界。\n許多人因為給自己定的目標(biāo)太高太功利，因為難以成功而變得灰頭土臉，最終灰心失望。究其原因，往往就是因為太關(guān)注擁有，而忽略做一個努力的人。對于今天的孩子們，如果只關(guān)注他們將來該做個什么樣的人物，不把意志品質(zhì)作為一個做人的目標(biāo)提出來，最終我們只能培養(yǎng)出狹隘、自私、脆弱和境界不高的人。遺憾的是，我們在這方面做得并不盡如人意。";
 while (text.length > 0) {
  // 添加文本視圖展示,并獲得剩余文本
  text = [self addTextViewWithText:text originY:originY];
 }

- (NSString *)addTextViewWithText:(NSString *)text originY:(CGFloat)originY {
 UITextView *textView = [[UITextView alloc] initWithFrame:CGRectMake(0, originY, kTextViewSize.width, kTextViewSize.height)];
 ......
 
 ......
 ......
 // 獲取文本視圖可容納文本范圍
 NSRange textRange = [textView.layoutManager glyphRangeForTextContainer:textView.textContainer];
 NSString *textViewText = [text substringWithRange:textRange];
 textView.text = textViewText;
 [self.scView addSubview:textView];
 
 // 獲取容納不了的剩余文本
 NSString *remainText = [text substringFromIndex:NSMaxRange(textRange)];
 return remainText;
}

效果展示

動態(tài)文本分頁

這里我們要實現(xiàn)的內(nèi)容是:在文本框中填寫內(nèi)容,內(nèi)容跟隨文本的增多進(jìn)行動態(tài)的分頁,這里大部分內(nèi)容其實是跟靜態(tài)文本分頁是一致,不太一樣的是多個文本框是都可以編輯的,也就是上一個文本框會影響到下一個文本框的內(nèi)容展示.以及存在著編寫拼音的特殊處理時對于markText文本的處理.

1. 初始狀態(tài)

我們會有一個可填寫的文本框,我們填寫文本框,將多余的文本進(jìn)行添加新的文本框展示處理.

2. 完成狀態(tài)

3. 關(guān)鍵代碼展示

我們在textViewDidChange的代理方法里進(jìn)行一下操作

3.1 獲得文本實際高度來判斷是否分頁

 CGFloat realHeight = [textView sizeThatFits:CGSizeMake(CGRectGetWidth(textView.bounds), MAXFLOAT)].height;
 
 // 判斷是否需要分頁
 if (realHeight <= textViewSize.height) {
  return;
 }
 
 // 進(jìn)行分頁處理
 ......
 ......

3.2 存在著編寫拼音的特殊處理時對于markText文本的處理.

這邊我們可以看到,當(dāng)文本框正在拼音時存在markText,這個時候我們需要對這個情況特殊處理.

我們臨時對textContainer的高度變高來容納markText文本,之后再調(diào)回原有高度.

  // 獲取mark文本以及相關(guān)位置大小
  NSString *markText = [textView textInRange:textView.markedTextRange];
  NSInteger location = [textView offsetFromPosition:textView.beginningOfDocument toPosition:textView.markedTextRange.start];
  NSRange markTextRange = NSMakeRange(location, markText.length);
  NSString *primaryLang = [[textView textInputMode] primaryLanguage];
  
  BOOL isZHHans = [primaryLang isEqualToString:@"zh-Hans"];
  
    // 判斷是否是在拼音
  if (isZHHans && markTextRange.length != 0) {
    // 臨時調(diào)高container高度
    textView.textContainer.size = CGSizeMake(textViewSize.width, realHeight);
    BOOL isContainENCharacter = NO;
    for (int i = 0; i < markText.length; ++i) {
      unichar character = [markText characterAtIndex:i];
      NSString *string = [NSString stringWithCharacters:&character length:1];
      if ([string isLetter]) {
        isContainENCharacter = YES;
        break;
      }
    }
    
    if (isContainENCharacter) {
      return;
    }
  }
  
  // 調(diào)回原有尺寸
  textView.textContainer.size = textViewSize;

3.3 對文本分頁

NSRange range = [textView.layoutManager glyphRangeForTextContainer:textView.textContainer];
textView.text = [textViewText substringWithRange:range];

[self handleBelowTextViewWithAboveTextView:textView totalText:[textViewText substringFromIndex:textView.text.length]];

這里我們無法確定文本是否只影響下一文本框,所以我們這邊會遞歸執(zhí)行該方法到最后文本不再多余時結(jié)束遞歸.

- (void)handleBelowTextViewWithAboveTextView:(UITextView *)textView totalText:(NSString *)textViewText {
  NSInteger sectionIndex = textView.tag - kMarkTag;
  // 判斷是否已存在下一視圖
  UITextView *belowTextView = [self.scView viewWithTag:kMarkTag + sectionIndex + 1];
  if (belowTextView) {
    // 原有的文本添加到后面
    NSString *oriText = belowTextView.text;
    NSMutableString *mString = [[NSMutableString alloc] initWithString:textViewText];
    [mString appendString:oriText];
    belowTextView.text = mString.copy;
  } else {
    belowTextView = [self contentTextViewWithIndex:++sectionIndex];
    belowTextView.text = textViewText;
  }
  
  [self.scView addSubview:belowTextView];
  self.scView.contentSize = CGSizeMake(self.scView.bounds.size.width, CGRectGetMaxY(belowTextView.frame));
  
  CGFloat realBelowHeight = [belowTextView sizeThatFits:CGSizeMake(CGRectGetWidth(belowTextView.bounds), MAXFLOAT)].height;
  if (realBelowHeight <= belowTextView.bounds.size.height) {
    [belowTextView becomeFirstResponder];
    return;
  }
  
  belowTextView.textContainer.size = belowTextView.bounds.size;
  NSRange range = [belowTextView.layoutManager glyphRangeForTextContainer:belowTextView.textContainer];
  NSString *currentTmpBelowText = belowTextView.text;
  belowTextView.text = [currentTmpBelowText substringWithRange:range];
  NSString *remainText = [currentTmpBelowText substringFromIndex:belowTextView.text.length];
  
  // 再次執(zhí)行方法,直到?jīng)]有多余文本
  [self handleBelowTextViewWithAboveTextView:belowTextView totalText:remainText];
}

關(guān)于怎么在iOS中實現(xiàn)一個文本分頁功能就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

網(wǎng)站名稱：怎么在iOS中實現(xiàn)一個文本分頁功能
網(wǎng)址分享：http://muchs.cn/article22/pipjjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、面包屑導(dǎo)航、、全網(wǎng)營銷推廣、域名注冊、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)