Поворот представления в layoutSubviews

Фон и цель

Цель: Я хочу повернуть и перевернуть UITextView. (Почему: см. мой предыдущий вопрос)

Проблема: Если я делаю преобразование непосредственно на UITextView, макет текста перепутается по неизвестной причине.

Решение: Поместите UITextView в контейнер UIView, а затем выполните преобразование в контейнере.

Новая проблема: Автоматическая компоновка (или любой вид макета) на повернутом виде становится основной головной болью.

Предлагаемое решение: Создайте подкласс UIView, который действует как дополнительный контейнер для повернутого и переворачиваемого UIView. Затем автоматически настраивается автоматический макет.

enter image description here

Текущая проблема

Он работает, когда все сначала появляется (UITextView имеет желтый фон):

enter image description here

но при изменении ориентации происходит следующее (синий - это подкласский фон UIView, установленный в IB):

enter image description here

Если я отключу строку rotationView.addSubview(textView), тогда вид контейнера вращения (красный) будет полностью отредактирован, даже при изменении ориентации:

enter image description here

Поэтому проблема должна заключаться в том, где я добавляю UITextView. Но как мне это сделать?

Код

class MongolTextView: UIView {

    // properties
    var rotationView: UIView!
    var textView: UITextView!

    // This method gets called if you create the view in the Interface Builder
    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    // This method gets called if you create the view in code
    override init(frame: CGRect){
        super.init(frame: frame)
        self.setup()
    }

    override func awakeFromNib() {
        super.awakeFromNib()
        self.setup()
    }

    func setup() {

        rotationView = UIView(frame: self.frame)
        rotationView.backgroundColor = UIColor.redColor()
        self.addSubview(rotationView)

        textView = UITextView(frame: CGRectZero)
        textView.backgroundColor = UIColor.yellowColor()
        textView.text = "This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text "

    }

    override func layoutSubviews() {
        super.layoutSubviews()

        // set the size of the rotation container view
        let width = self.bounds.width
        let height = self.bounds.height
        rotationView.frame = CGRect(origin: CGPoint(x: CGFloat(0), y: CGFloat(0)), size: CGSize(width: height, height: width))

        textView.frame = rotationView.bounds // Problem lines here???
        rotationView.addSubview(textView)    // Problem lines here???

        // rotate, translate, and flip the container view
        var rotation = CGAffineTransformMakeRotation(CGFloat(-M_PI_2))
        // the following translation repositions the top left corner at the origin of the superview
        var translation = CGAffineTransformMakeTranslation((rotationView.bounds.height / 2)-(rotationView.bounds.width / 2), (rotationView.bounds.width / 2)-(rotationView.bounds.height / 2))
        var rotationAndTranslation = CGAffineTransformConcat(rotation, translation)
        var transformPlusScale = CGAffineTransformScale(rotationAndTranslation, CGFloat(-1), CGFloat(1))

        rotationView.transform = transformPlusScale

    }
}

Если я не могу заставить это работать...

Хотя я сейчас столкнулся с этой стеной, мой следующий план - переопределить drawRect() для выполнения преобразований. Однако это не мой первый выбор, потому что производительность, как предполагается, замедляется, делая это.

Ответ 1

Проблема с кодом в вопросе, похоже, заключается в том, что преобразования продолжают добавляться друг к другу. Чтобы исправить это, решение состоит в reset преобразованиях каждый раз, т.е. Устанавливая его в преобразование идентичности.

rotationView.transform = CGAffineTransformIdentity

Вот частичная реализация, которая показывает ключевые части.

import UIKit
@IBDesignable class UIVerticalTextView: UIView {

    var textView = UITextView()
    let rotationView = UIView()

    var underlyingTextView: UITextView {
        get {
            return textView
        }
        set {
            textView = newValue
        }
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    override init(frame: CGRect){
        super.init(frame: frame)
        self.setup()
    }

    override func awakeFromNib() {
        super.awakeFromNib()
        self.setup()
    }

    func setup() {

        rotationView.backgroundColor = UIColor.redColor()
        textView.backgroundColor = UIColor.yellowColor()
        self.addSubview(rotationView)
        rotationView.addSubview(textView)

        // could also do this with auto layout constraints
        textView.frame = rotationView.bounds
    }

    override func layoutSubviews() {
        super.layoutSubviews()

        rotationView.transform = CGAffineTransformIdentity // *** key line ***

        rotationView.frame = CGRect(origin: CGPointZero, size: CGSize(width: self.bounds.height, height: self.bounds.width))
        rotationView.transform = translateRotateFlip()
    }

    func translateRotateFlip() -> CGAffineTransform {

        var transform = CGAffineTransformIdentity

        // translate to new center
        transform = CGAffineTransformTranslate(transform, (self.bounds.width / 2)-(self.bounds.height / 2), (self.bounds.height / 2)-(self.bounds.width / 2))
        // rotate counterclockwise around center
        transform = CGAffineTransformRotate(transform, CGFloat(-M_PI_2))
        // flip vertically
        transform = CGAffineTransformScale(transform, -1, 1)

        return transform
    }
}

Моя самая последняя реализация, скорее всего, будет найдена в этой ссылке github.

Ответ 2

В режиме отладки проверьте свою ширину и высоту. Я думаю, что они одинаковы после и перед ротацией. Таким образом, ваши скриншоты будут ожидаться.

Во-вторых, вы дважды применяете преобразование.

у вас есть вид вращения → вы применяете трансформацию → вы меняете фрейм на телефоне вращаются → предыдущее преобразование все еще применяется → тогда вы применяете другое преобразование. Возможно, ваш ответ лежит здесь.

ИЗМЕНИТЬ:

Положительные решения:

Вы можете определить ориентацию ведьмы

 UIInterfaceOrientation orientation = [UIApplication sharedApplication].statusBarOrientation;

 if(orientation == 0) //Default orientation 
   //UI is in Default (Portrait) -- this is really a just a failsafe. 
 else if(orientation == UIInterfaceOrientationPortrait)
   //Do something if the orientation is in Portrait
 else if(orientation == UIInterfaceOrientationLandscapeLeft)
   // Do something if Left
 else if(orientation == UIInterfaceOrientationLandscapeRight)

а затем решил, как с этим справиться.

Если ориентация - портрет, чем вы берете

width = self.bound.size.width;
height = self.bound.size.height;

если не

height = self.bound.size.width;
width = self.bound.size.height;