Как я могу оживить сжатие uiwebview?

Ответ 1

Как насчет изменения размера document.body.style.height через javascript?

- (void)resizeWebView:(UIWebView *)webView toHeight:(CGFloat)height duration:(CGFloat)duration {
    // We will wrap all webView contents with div and animate it size
    // so webView content will resize independently of webView frame.
    NSString *javascriptString = [NSString stringWithFormat:@""
            "function animate(elem, style, unit, from, to, time) {\n"
            "    var start = new Date().getTime(),\n"
            "        timer = setInterval(function() {\n"
            "            var step = Math.min(1,(new Date().getTime()-start)/time);\n"
            "            elem.style[style] = (from+step*(to-from))+unit;\n"
            "            if( step == 1) clearInterval(timer);\n"
            "        }, 25);\n"
            "    elem.style[style] = from+unit;\n"
            "}\n"
            "document.body.style.position = 'relative';\n"
            "animate(document.body, 'height', 'px', document.body.offsetHeight, %f, %f)",
        height, duration*1000];
    [webView stringByEvaluatingJavaScriptFromString:javascriptString];

    BOOL isGrowing = height > webView.frame.size.height;

    // If webView is growing, change it frame imediately, so it content not clipped during animation
    if (isGrowing) {
        CGRect frame = webView.frame;
        frame.size.height = height;
        webView.frame = frame;
    }

    __weak typeof(webView) weakWebView = webView;
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, duration * NSEC_PER_SEC), dispatch_get_main_queue(), ^{
        __strong typeof(weakWebView) webView = weakWebView;
        // If webview was shrinking, change it frame after animation is complete
        if (!isGrowing) {
            CGRect frame = webView.frame;
            frame.size.height = height;
            webView.frame = frame;
        }
        // Remove remove body position constraints
        [webView stringByEvaluatingJavaScriptFromString:@""
                "document.body.style.position = document.body.style.height = null;"
        ];
    });
}

- (void)toggleButtonTapped:(id)sender {
     [self resizeWebView:self.webView toHeight:300 duration:0.4];
}

Изменить: Обновленный код, теперь весь html завернут с помощью <div style="position:relative;">, поэтому абсолютно позиционированные элементы также анимируются.

Редактировать 2: Хорошо, структура DOM с манипуляциями не была хорошей идеей - если вы пытались изменить размер веб-браузера, когда пользователь фокусирует ввод внутри webView и клавиатуры, входной сигнал теряет фокус, а клавиатура сразу же скрывается, Поэтому теперь я просто добавляю document.body.style.position = 'relative' для кодирования и изменения размера тела.

Я также создал категорию в UIWebView, вы можете установить его через cocoapods.

Ответ 2

Вот пример кода.

#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIWebView *webView;
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *webViewBottomConstraint;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.

    [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.google.com"]]];

    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyBoardShow:) name:UIKeyboardWillShowNotification object:nil];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyBoardShow:) name:UIKeyboardWillChangeFrameNotification object:nil];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyBoardHide:) name:UIKeyboardWillHideNotification object:nil];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark - Keyboard Notification
-(void)keyBoardShow:(NSNotification*)noti
{

    CGRect keyboardBounds;
    [[noti.userInfo valueForKey:UIKeyboardFrameEndUserInfoKey] getValue: &keyboardBounds];
    NSNumber *duration = [noti.userInfo objectForKey:UIKeyboardAnimationDurationUserInfoKey];

    // Need to translate the bounds to account for rotation.
    keyboardBounds = [self.view convertRect:keyboardBounds toView:nil];

    [UIView animateWithDuration:duration.floatValue animations:^{
        [self.webViewBottomConstraint setConstant:keyboardBounds.size.height];
        [self.view layoutIfNeeded];
    }];

}

-(void)keyBoardHide:(NSNotification*)noti
{

    CGRect keyboardBounds;
    [[noti.userInfo valueForKey:UIKeyboardFrameEndUserInfoKey] getValue: &keyboardBounds];
    NSNumber *duration = [noti.userInfo objectForKey:UIKeyboardAnimationDurationUserInfoKey];

    [UIView animateWithDuration:duration.floatValue animations:^{
        [self.webViewBottomConstraint setConstant:0];
        [self.view layoutIfNeeded];
    }];

}

@end

Надеюсь, это поможет вам.

Ответ 3

Я считаю, что ответ может быть в документации Apple:

Листинг 5-1 Обработка уведомлений клавиатуры

https://developer.apple.com/library/ios/documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/KeyboardManagement/KeyboardManagement.html#//apple_ref/doc/uid/TP40009542-CH5-SW1

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