iOS中怎么實現(xiàn)文本分頁效果

本篇文章為大家展示了iOS中怎么實現(xiàn)文本分頁效果，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

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ù),對文本進行一段一段截取以達到分頁.

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è)里才華出眾的人，一個成長為“康佳”集團的老總，一個領(lǐng)導(dǎo)著TCL集團。我們?nèi)齻€不期而然地成為中國彩電骨干企業(yè)的經(jīng)營者，可是當(dāng)年大學(xué)畢業(yè)時，無論有多大的想像力，我們也不敢想十幾年后會成現(xiàn)在的樣子。一切都是我們在奮斗中見機行事，一步一步努力得來的。與其說我們是有理想的人，不如說我們是一直在努力的人。\n并非我們不重視理想，而是因為樹雄心壯志易，為理想努力難，人生自古就如此。有誰會想到，十多年前的今天，我曾是一個在街頭彷徨，為生存犯愁的人？當(dāng)時的我，一無所有，前途渺茫，真不知路在何處。然而，我卻沒有灰心失望，回想起來，支撐著我走過這段坎坷歲月的正是我的意志品格。當(dāng)許多人以為我已不行、該不行了的時候，我仍做著從地上爬起來的努力，我堅信人生就像馬拉多納踢球，往往是在快要倒下去的時候“進球”獲得生機的。事實也正是如此，就在“山重水復(fù)疑無路”的時候，香港一家企業(yè)倒閉給了我東山再起的機會，使我能夠與掌握世界最新技術(shù)的英國科技人員合作，開發(fā)技術(shù)先進的彩色電視機，從此一舉走出困境。\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)容跟隨文本的增多進行動態(tài)的分頁,這里大部分內(nèi)容其實是跟靜態(tài)文本分頁是一致,不太一樣的是多個文本框是都可以編輯的,也就是上一個文本框會影響到下一個文本框的內(nèi)容展示.以及存在著編寫拼音的特殊處理時對于markText文本的處理.

1. 初始狀態(tài)

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

2. 完成狀態(tài)

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

我們在textViewDidChange的代理方法里進行一下操作

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

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

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];}

上述內(nèi)容就是iOS中怎么實現(xiàn)文本分頁效果，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。