Я хочу центрировать текст вертикально внутри большого UITextView
, который заполняет весь экран - так что, когда текст немного, скажем, пару слов, он центрируется по высоте.
Это не вопрос о центрировании текста (свойство, которое можно найти в IB), но и о том, чтобы текст был вертикально расположен в середине UITextView
, если текст короткий, поэтому в UITextView
нет пустых областей.
Это можно сделать? Спасибо заранее!
Центрировать текст по вертикали в UITextView
Ответ 1
Сначала добавьте наблюдателя для значения ключа contentSize
для UITextView
при загрузке представления:
- (void) viewDidLoad {
[textField addObserver:self forKeyPath:@"contentSize" options:(NSKeyValueObservingOptionNew) context:NULL];
[super viewDidLoad];
}
Затем добавьте этот метод для настройки contentOffset
при каждом изменении значения contentSize
:
-(void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
UITextView *tv = object;
CGFloat topCorrect = ([tv bounds].size.height - [tv contentSize].height * [tv zoomScale])/2.0;
topCorrect = ( topCorrect < 0.0 ? 0.0 : topCorrect );
tv.contentOffset = (CGPoint){.x = 0, .y = -topCorrect};
}
Ответ 2
Поскольку UIKit не соответствует требованиям KVO, я решил реализовать это как подкласс UITextView
, который обновляется всякий раз, когда изменяется contentSize
.
Это слегка измененная версия Carlos answer, которая устанавливает contentInset
вместо contentOffset
. В дополнение к совместимому с iOS 9, он также выглядит менее ошибкой на iOS 8.4.
class VerticallyCenteredTextView: UITextView {
override var contentSize: CGSize {
didSet {
var topCorrection = (bounds.size.height - contentSize.height * zoomScale) / 2.0
topCorrection = max(0, topCorrection)
contentInset = UIEdgeInsets(top: topCorrection, left: 0, bottom: 0, right: 0)
}
}
}
Ответ 3
Если вы не хотите использовать KVO, вы также можете вручную отрегулировать смещение, экспортируя этот код в такую функцию:
-(void)adjustContentSize:(UITextView*)tv{
CGFloat deadSpace = ([tv bounds].size.height - [tv contentSize].height);
CGFloat inset = MAX(0, deadSpace/2.0);
tv.contentInset = UIEdgeInsetsMake(inset, tv.contentInset.left, inset, tv.contentInset.right);
}
и называя его
-(void)textViewDidChange:(UITextView *)textView{
[self adjustContentSize:textView];
}
и каждый раз, когда вы редактируете текст в коде. Не забудьте установить контроллер в качестве делегата
версия Swift 3:
func adjustContentSize(tv: UITextView){
let deadSpace = tv.bounds.size.height - tv.contentSize.height
let inset = max(0, deadSpace/2.0)
tv.contentInset = UIEdgeInsetsMake(inset, tv.contentInset.left, inset, tv.contentInset.right)
}
func textViewDidChange(_ textView: UITextView) {
self.adjustContentSize(tv: textView)
}
Ответ 4
Для iOS 9.0.2. нам нужно будет установить contentInset. Если мы KVO contentOffset, iOS 9.0.2 устанавливает его в 0 в последний момент, переопределяя изменения в contentOffset.
-(void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context
{
UITextView *tv = object;
CGFloat topCorrect = ([tv bounds].size.height - [tv contentSize].height * [tv zoomScale])/2.0;
topCorrect = ( topCorrect < 0.0 ? 0.0 : topCorrect );
[tv setContentInset:UIEdgeInsetsMake(topCorrect,0,0,0)];
}
- (void) viewWillAppear:(BOOL)animated
{
[super viewWillAppear:NO];
[questionTextView addObserver:self forKeyPath:@"contentSize" options:(NSKeyValueObservingOptionNew) context:NULL];
}
Я использовал 0,0 и 0 для вставки слева, внизу и справа. Не забудьте также рассчитать их для вашего варианта использования.
Ответ 5
Вот расширение UITextView
которое центрирует контент по вертикали:
extension UITextView {
func centerVertically() {
let fittingSize = CGSize(width: bounds.width, height: CGFloat.max)
let size = sizeThatFits(fittingSize)
let topOffset = (bounds.size.height - size.height * zoomScale) / 2
let positiveTopOffset = max(0, topOffset)
contentOffset.y = -positiveTopOffset
}
}
Ответ 6
func alignTextVerticalInTextView(textView :UITextView) {
let size = textView.sizeThatFits(CGSizeMake(CGRectGetWidth(textView.bounds), CGFloat(MAXFLOAT)))
var topoffset = (textView.bounds.size.height - size.height * textView.zoomScale) / 2.0
topoffset = topoffset < 0.0 ? 0.0 : topoffset
textView.contentOffset = CGPointMake(0, -topoffset)
}
Ответ 7
У меня есть текстовое представление, которое я использую с автозапуском и с установкой lineFragmentPadding
и textContainerInset
на ноль. Ни одно из вышеперечисленных решений не работало в моей ситуации. Однако это работает для меня. Протестировано с iOS 9
@interface VerticallyCenteredTextView : UITextView
@end
@implementation VerticallyCenteredTextView
-(void)layoutSubviews{
[self recenter];
}
-(void)recenter{
// using self.contentSize doesn't work correctly, have to calculate content size
CGSize contentSize = [self sizeThatFits:CGSizeMake(self.bounds.size.width, CGFLOAT_MAX)];
CGFloat topCorrection = (self.bounds.size.height - contentSize.height * self.zoomScale) / 2.0;
self.contentOffset = CGPointMake(0, -topCorrection);
}
@end
Ответ 8
Swift 3:
override func viewDidLayoutSubviews() {
super.viewDidLayoutSubviews()
textField.frame = self.view.bounds
var topCorrect : CGFloat = (self.view.frame.height / 2) - (textField.contentSize.height / 2)
topCorrect = topCorrect < 0.0 ? 0.0 : topCorrect
textField.contentInset = UIEdgeInsetsMake(topCorrect,0,0,0)
}
Ответ 9
Вы можете настроить его непосредственно с помощью только ограничений:
Есть три ограничения, которые я добавил для выравнивания текста по вертикали и по горизонтали в ограничениях, как показано ниже:
- Сделайте высоту 0 и добавьте ограничения больше
- Добавить вертикальное выравнивание по родительским ограничениям
- Добавить горизонтальное соответствие родительским ограничениям
Ответ 10
У меня также есть эта проблема, и я решил ее с помощью UITableViewCell
с UITextView
. Я создал метод в пользовательском подклассе UITableViewCell
, свойство statusTextView
:
- (void)centerTextInTextView
{
CGFloat topCorrect = ([self.statusTextView bounds].size.height - [self.statusTextView contentSize].height * [self.statusTextView zoomScale])/2.0;
topCorrect = ( topCorrect < 0.0 ? 0.0 : topCorrect );
self.statusTextView.contentOffset = (CGPoint){ .x = 0, .y = -topCorrect };
И вызовите этот метод в методах:
- (void)textViewDidBeginEditing:(UITextView *)textView
- (void)textViewDidEndEditing:(UITextView *)textView
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
Это решение работало для меня без проблем, вы можете попробовать.
Ответ 11
Я только что создал пользовательский текст по вертикали в Swift 3:
class VerticallyCenteredTextView: UITextView {
override var contentSize: CGSize {
didSet {
var topCorrection = (bounds.size.height - contentSize.height * zoomScale) / 2.0
topCorrection = max(0, topCorrection)
contentInset = UIEdgeInsets(top: topCorrection, left: 0, bottom: 0, right: 0)
}
}
}
Ссылка: https://geek-is-stupid.github.io/2017-05-15-how-to-center-text-vertically-in-a-uitextview/
Ответ 12
Решение для автоматической компоновки:
- Создайте UIView, который действует как контейнер для UITextView.
- Добавьте следующие ограничения:
- TextView: выровнять ведущее пространство в: Контейнер
- TextView: выровнять конечное пространство до: Контейнера
- TextView: выровняйте центр Y в: Контейнер
- TextView: Равная высота до: Контейнер, Отношение: <
Ответ 13
Добавьте к ответу Карлоса, на всякий случай, если у вас есть текст в tv больше, чем размер tv, вам не нужно повторно вводить текст, поэтому измените этот код:
tv.contentOffset = (CGPoint){.x = 0, .y = -topCorrect};
:
if ([tv contentSize].height < [tv bounds].size.height) {
tv.contentOffset = (CGPoint){.x = 0, .y = -topCorrect};
}
Ответ 14
Вы можете попробовать выполнить код ниже, не обязательно обязательно наблюдатель. Иногда наблюдатель выдает ошибку, когда просмотр освобождается. Вы можете сохранить этот код в viewDidLoad, viewWillAppear или в viewDidAppear в любом месте.
dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
dispatch_async(dispatch_get_main_queue(), ^(void) {
UITextView *tv = txtviewDesc;
CGFloat topCorrect = ([tv bounds].size.height - [tv contentSize].height * [tv zoomScale])/2.0;
topCorrect = ( topCorrect < 0.0 ? 0.0 : topCorrect );
tv.contentOffset = (CGPoint){.x = 0, .y = -topCorrect};
});
});
Ответ 15
Я сделал это так: во-первых, я ввел UITextView в UIView (это тоже должно работать для Mac OS). Затем я прикрепил все четыре стороны внешнего UIView к сторонам его контейнера, придав ему форму и размер, подобные или равные форме UITextView. Таким образом, у меня был подходящий контейнер для UITextView. Затем я привязал левую и правую границы UITextView к сторонам UIView и дал UITextView высоту. Наконец, я сосредоточил UITextView вертикально в UIView. Bingo:) теперь UITextView вертикально центрируется в UIView, поэтому текст внутри UITextView также вертикально центрирован.
Ответ 16
Я исправил эту проблему, создав вертикальное расширение до высоты центра.
SWIFT 5:
extension UITextView {
func centerContentVertically() {
let fitSize = CGSize(width: bounds.width, height: CGFloat.greatestFiniteMagnitude)
let size = sizeThatFits(fitSize)
let heightOffset = (bounds.size.height - size.height * zoomScale) / 2
let positiveTopOffset = max(0, heightOffset)
contentOffset.y = -positiveTopOffset
}
}
Ответ 17
UITextView + VerticalAlignment.h
// UITextView+VerticalAlignment.h
// (c) The Internet 2015
#import <UIKit/UIKit.h>
@interface UITextView (VerticalAlignment)
- (void)alignToVerticalCenter;
- (void)disableAlignment;
@end
UITextView + VerticalAlignment.m
#import "UITextView+VerticalAlignment.h"
@implementation UITextView (VerticalAlignment)
- (void)alignToVerticalCenter {
[self addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew context:NULL];
}
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
UITextView *tv = object;
CGFloat topCorrect = ([tv bounds].size.height - [tv contentSize].height * [tv zoomScale])/2.0;
topCorrect = ( topCorrect < 0.0 ? 0.0 : topCorrect );
tv.contentOffset = (CGPoint){.x = 0, .y = -topCorrect};
}
- (void)disableAlignment {
[self removeObserver:self forKeyPath:@"contentSize"];
}
@end
Ответ 18
Решение для iOS10 в RubyMotion:
class VerticallyCenteredTextView < UITextView
def init
super
end
def layoutSubviews
self.recenter
end
def recenter
contentSize = self.sizeThatFits(CGSizeMake(self.bounds.size.width, Float::MAX))
topCorrection = (self.bounds.size.height - contentSize.height * self.zoomScale) / 2.0;
topCorrection = 0 if topCorrection < 0
self.contentInset = UIEdgeInsetsMake(topCorrection, 0, 0, 0)
end
end