开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何根据内容在可变高度UITableView内确定UIWebView高度？

要在可变高度的UITableView中确定UIWebView的高度，您需要遵循以下步骤：

确保UIWebView的宽度已经设置好，以便能够正确地计算高度。
使用UIWebView的loadHTMLString:baseURL:方法加载HTML内容。
实现UIWebView的代理方法webViewDidFinishLoad:，在该方法中，获取UIWebView的高度。
使用UIWebView的scrollView属性获取UIScrollView，并设置其contentSize属性。
使用UITableView的beginUpdates和endUpdates方法刷新表格，以便更新UIWebView的高度。

以下是一个示例代码：

import UIKit

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate, UIWebViewDelegate {

    @IBOutlet weak var tableView: UITableView!

    var webViewHeight: CGFloat = 0

    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.rowHeight = UITableView.automaticDimension
        tableView.estimatedRowHeight = 100
    }

    // MARK: - UITableViewDataSource

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 1
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "webViewCell", for: indexPath) as! WebViewCell
        cell.webView.delegate = self
        let htmlContent = "<html><body><p>这里是HTML内容</p></body></html>"
        cell.webView.loadHTMLString(htmlContent, baseURL: nil)
        return cell
    }

    // MARK: - UIWebViewDelegate

    func webViewDidFinishLoad(_ webView: UIWebView) {
        let webViewContentHeight = webView.scrollView.contentSize.height
        webViewHeight = webViewContentHeight
        tableView.beginUpdates()
        tableView.endUpdates()
    }
}

class WebViewCell: UITableViewCell {
    @IBOutlet weak var webView: UIWebView!

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

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
    }
}

这个示例代码中，我们创建了一个名为WebViewCell的自定义单元格，其中包含一个UIWebView。在webViewDidFinishLoad:方法中，我们获取UIWebView的高度，并更新表格。

请注意，这个示例代码使用了Swift编程语言，并且使用了Interface Builder来设计表格和单元格。如果您使用Objective-C或其他编程语言，请相应地调整代码。

相关搜索:CSS -如何根据内容调整div的高度？CSS网格中的图像-如何使行的高度由内容(图像)高度确定？Chrome与在Firefox中正确渲染 SwiftUI - TextField如何根据其内容动态增加其高度？在ScrollView内的垂直LinearLayout中确定孩子的响应高度如何在div中垂直居中具有可变高度的内容？如何在可变高度列中对齐底部内容(按钮)？如何根据android中的内容调整/更改webview的高度如何根据iOS 9中的内容获取UITextView高度如何根据其中的内容创建动态高度的集合视图？如何根据内容动态设置div的宽度和高度

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

iOS开发中行高灵活可变的UITableView的性能优化

iOS开发中行高灵活可变的UITableView的性能优化一、UITableView的构建原理在新闻类，电商类等应用中，应用着大量的图文混排视图，在表视图UITableView中，...二、对UITableView可变行高的计算方式进行优化通过前面的分析，可以理解如果将复杂的计算代码写在heightForRowAtIndexPath方法中，代价将是非常惨重的。...，直接返回，因此开发者通常会将对应行的行高计算一次后，把值进行保存，之后在执行heightForRowAtIndexPath方法拉取行高时，直接返回已经计算过的行高数据，具体如何操作比较灵活，可以对应一个数组属性...那么现在问题来了，如何才能让cell正确计算自己的高度，这就要使用到Autolayout了，无论是通过xib文件创建的cell还是代码创建的cell，若想让cell自动正确的计算出自身的高度，必须添加足够压力的约束...下册会受到内容Label施加的压力，这时cell也会根据约束自动扩充自己的高度。

1.9K2 0

iOS WKWebView+UITableView混排

WKWebView+UITableView混排做内容展示页的时候，经常会用到WKWebView+UITableView的混排功能，现在此做一个总结，该功能的实现我采用了四种方法。...方案2：简书的内容页实现方案 : UIWebView与UITableView的嵌套方案将 tableView 加到 webView.scrollView 上, webView 加载的HTML最后留一个空白占位...div，用于确定 tableView 的位置，在监听到webView.scrollView.contentSize变化后，不断调整tableView的位置，同时将该div的尺寸设置为tableView的尺寸...tableView的最大高度为屏幕高度，当内容不足一屏时，高度为内容高度。方案3(推荐)： webView作为tableView的Header, 但不撑开webView。...webView的最大高度为屏幕高度，当内容不足一屏时，高度为内容高度。和方案2类似，但是不需要插入占位Div。

1.7K3 0

有了Auto Layout,为什么你还是害怕写UITabelView的自适应布局?

,根据数量动态计算高度;转发部分同理;然后根据数据在tabelView的代理方法 tableView:heightForRowAtIndexPath: 中动态返回高度即可.是的,思路就是这么个思路,但是你确定产品经理一直不会改需求...所以说,对于这种数据长度不确定,但是又要求完全显示的设计,最复杂的不在于实现,而在于后期的迭代.可变字段越多,迭代越复杂.如果连显示方式都改了,那就基本等于重做了几遍. cell高度计算有坑: 难以理解的诡异问题...在 tableView:heightForRowAtIndexPath: 中计算高度时,是有坑的,对于刚接触iOS的攻城狮来说,几乎是难以理解的诡异问题.这里简单说两个,其他的大家可跟帖补充: 1.文字高度计算时...根据单元格内容的约束自适应单元格高度 ?...:关于如何让左侧图片底部总是不被遮盖.

8566 0

IOS开发的基础知识建议收藏

方法里retain了这个字符串 3.内存泄漏　　可以通过xcode的编译工具Product-Analyze检查函数块范围内可能的泄漏点(外带会提示一些可能有的错误)。　　...有这样的机制就是说无论你table里的数据有多少，都可以全部放入table中不用分页，因为不用一次性把所有数据都取出来，只在需要显示的时候根据游标去取对应的数据就行了。　　...7.UIWebView渲染范围　　UIWebView不是根据可视范围决定每次的渲染范围，而是根据自身控件的frame大小决定。　　...曾尝试webview嵌在tableview里，为了让webview跟tableview一起滚动，把webview的大小设为webview里的内容大小，让webview不出滚动条，从而能跟着tableview...解决办法是让webview定住高度为一整屏iphone的高度，限制了webview每次的渲染范围为可视范围，性能大好。带来的问题是无法随tableview滚动，但可以以其他方式优化体验。

5312 0

iOS UITableView的使用

) -> Int { return 1; } func tableView(_ tableView: UITableView, numberOfRowsInSection section...let itemData = self.tableData[indexPath.row]; ZJFunc.unselectCell(tableView: tableView); } Cell自动高度...参见文章：iOS 设置tableViewCell的高度代码中使用到的工具类 import UIKit class ZJFunc{ ///延迟执行方法 static func...viewController:UIViewController)->Void{ let str = "tel:\(phone)"; let callWebView = UIWebView...也可以根据这两个值的差来让他做点其他的什么事情 let space = maximumOffset-currentOffset; return space; }

8412 0

Ios常用第三方框架（二）

COBezierTableView - swift，通过编辑 Bezier 曲线四点位置设置 TableView 内 Cell 及对应按扭位置。实验效果很赞。...横向展示文本内容的自定义cell - 可以横向展示文本内容的自定义cell，根据文本无限滚动。...UITableView-FDTemplateLayoutCell - UITableView-FDTemplateLayoutCell 是一个方便缓存 UITableViewCell 的高度的框架。...LLNoDataView - 超简单的空数据提示通用View支持UIScrollView、UITableView、UICollectionView、UIWebView。...MGSwipeTableCell - 另一个常见于很多应用中的UI组件，苹果应该考虑在标准的iOS SDK中加入一些类似的内容。Swipeable表格cell是这个pod的最佳描述，也是最好的。

7.6K6 0

【死磕iOS】处理不等高TableViewCell的小花招

第一步：创建Cell并正确设置约束，使文字区域高度能够根据文字内容多少自动调整第二步：再给这个Cell添加点别的东东，就叫这个东东BottomCub了。为Cub添加好约束。...自己来算算看~ 通常情况下，Cell之所以不等高，是因为Cell内部文字区域的高度会根据文字数量动态变化，图片区域的高度会根据图片数量而自动变化。...Label & bottomCub // bottomCub高度是确定的 - 120，Label和bottomCub之间的间距是确定的 - 8 static...根据文字内容、字体（固定值）、文字区域最大宽度计算String总高度 static CGFloat fontSize = 17; CGFloat labelHeight...那么，在哪里能拿到Cell和Cell的高度呢？ - 当然是CellForRow代理方法中啦！但是，在CellForRow中拿到Cell高度后，如何传递给heightForRow代理方法呢？

1.3K8 0

UI篇- UIWebView使用大全

根据导航类型参数可以得到请求发起的原因 //当网页视图被指示载入内容而得到通知应该返回是，这样会进行加载通过导航类型参数可以得到请求发起的原因，可以是以下任意值： - (BOOL)webView:(UIWebView...UIWebView的高度：有时候需要根据不同的内容调整UIWebView的高度，以使UIWebView刚好装下所有内容，不用拖动，后面也不会留白。...有两种方式可根据加载内容获取UIWebView的合适高度，但都需要在网页内容加载完成后才可以，即需要在webViewDidFinishLoad回调中使用。...UIWebView在 iOS11中的使用。 ? UIWebView 在iOS 11上当顶部的 y值设为 0 时，是依然无法盖住UIStatusBar区域的，但是滚动时就会出现问题了。...如何获取UIWebview加载内容的标题 - (void)webViewDidFinishLoad:(UIWebView *)webView { titleLabel.text = [webView

1.9K1 0

提升UITableView性能-复杂页面的优化

随着App的用户界面的内容越来越丰富，再强的手机可能都无法同时渲染复杂的UI界面和保证流畅的体验。所以，我们这些程序猿=。=在写代码的时候就要注意，如何尽可能提高用户的操作流畅性。...这还用问，当然是用UITableView+自定义的UITableViewCell。 UITableView是可以滑动的，为了不让用户在滑动中感到有卡顿，该如何优化？...善用hidden隐藏（显示）Subview 既然只定义一种Cell，那该如何显示不同类型的内容呢？...= 首先要确定的是，在iOS中，系统会先调用“tableView:heightForRowAtIndexPath:”获取每个Cell即将显示的高度，从而确定整个UITableView的布局。...所以，既然高度总会被用到，那就早早的在获取数据时就计算好吧！在Model（Entity）中计算并保存Cell的高度其实，在Model（Entity）中保存UI的参数是很奇怪的=。

1K5 0

UITableView 组件化

，上层使用者只需要根据当前业务创建相应组件并组合使用即可。...: - (CGFloat)height 如何通过当前组件配置 UITableViewCell: - (void)configure:(UITableViewCell *)cell 和 UITableView...自动重用每一个 M80TableViewCellComponent 在第一次被使用时都会通过 M80TableViewComponentRegister 根据上下文信息自动绑定 reuseIdentifier...高度优化和局部刷新在 iOS 中比较蛋疼的事情是如何判断两个对象相等：在不使用 runtime 的场景下，往往需要业务层添加大量冗余代码用于支持对象比较，而使用了 runtime 又会对业务侵入过多。...除了高度缓存外，M80TableViewComponent 也提供了一种预计算高度的机制，在组装完 cell component 后，只需要简单调用基类方法 measure 就可以直接完成预计算。

1.5K3 0

iOS-TableView统一数据源代理

应用程序中非常通用的组件，几乎每一个界面都有一个TableView，而我们许多的代码都和TableView有关系，比如数据展示、更新TableView，一些响应选择事件等，而这些大多都会通过其代理函数来实现，所以在VC...// 在这里实现TableView的代理 delegate.identifier { (indexPath) -> (String) in // 5.确定...dataSource和delegate统一为delegate了，并且如果有多个TableView，我们还可以创建多个代理实例与其一一对应网络请求：这里是做网络请求地方，并且将请求后的数据保存在代理类中刷新视图确定...cell的类型：cell是通过它注册identifier来创建的，所以根据indexPath来返回相应的cell注册的identifier即可头部高度：header的高度，可以是定值，也可以根据section...来动态返回尾部高度：footer的高度，可以是定值，也可以根据section来动态返回行高：这里的行高可以通过data来获取，这样利于做高度缓存，也可以通过indexPath来动态返回配置数据源：

8881 0

iOS 面试策略之系统框架-UIScrollView及其子类

下图是 Cells、Supplementary Views、Decoration Views 的说明： [image] 优化进阶 7.UITableViewCell如何根据其内容自动设置其布局？...预加载的原理就是，根据当前 UITableView 所在位置，除以目前整个 contentView 的高度，来判断当前位置是否超过 Threshold，如果超过，就发起网络请求，获得数据。...假设我们已经有了 UICollectionView，现在要做的就是定制化每一个 cell，让他们的高度根据其实际内容设定，从而实现瀑布流。...其中宽度一般情况我们是可以确定的，它取决于每个item的宽度，一行几个 item，以及 contentInset 值。高度我们可以先设定为 0，之后在 prepare() 里进行更新。...prepare() 完成布局之后该方法被调用，它决定了哪些 item 在 CollectionView 给定的区域内可见。我们只要取交集（intersect）即可。

2.6K2 1

IOS开发之新浪围脖

Get和Post两者有和特点和区别，在本篇博客中不做过多的论述，本篇的重点在于如何GET数据和POST数据。...在之前的博客中有一篇“IOS开发之自动布局显示网络请求内容” ，用的网络请求是模拟的微博请求，博文的内容也是模拟的，接下来要用到上一篇博文的知识：根据请求内容来动态的设置Cell的高度。...cell的高度： //根据博文的内容调整cell的高度 -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath...需求难点：　　　　　　1.cell的高度根据本博文和转发博文的多少而改变，就是在cell中有两部分内容的高度是变化的，需要用代码来动态控制其高度。...我们根据博文文字的多少来用代码动态的改变垂直约束，至于如何用代码改变约束的值，请参照以前的博客IOS开发之绝对布局和相对布局(屏幕适配)，在这就不做过多的论述，下面主要讲如何给我们的cell添加多个按钮

1.2K5 0

iOS开发常用之网络

横向展示文本内容的自定义cell - 可以横向展示文本内容的自定义cell，根据文本无限滚动。...UITableView-FDTemplateLayoutCell - UITableView-FDTemplateLayoutCell是一个方便缓存UITableViewCell的高度的框架。...LLNoDataView - 超简单的空数据提示通用View支持UIScrollView，UITableView，UICollectionView，UIWebView。...VJDeviceSpecificMedia - 如何根据设备选择不同尺寸的图片可以通过设置不同尺寸的设备的LaunchImage，来使用App适配这些设备，要在不同尺寸设备上使用不同大小的图片，则需要在代码中一一判断...Context-Menu.iOS - 可以为应用程序的菜单添加漂亮的动画内容，可自定义图标，并可根据自己的喜好设计单元格和布局。

23.6K1 0

iOS中Cell约束--使用xib实现多label的自动约束--高度随内容自适应

实现cell高度自适应的简单方法；手动设置数据源，初始展示如图，这是最简单的tableView了，只有两个label，没有任何其他的控件，在未做任何处理的情况下，我们发现，内容是会越界（跑的屏幕之外的...），首先第一步，我们得先解决这个问题，至少让内容都在屏幕内展示；通过试图-发现内容越界 -->探索：难道是因为，tableView的高度不够，比如高度只有44，内容就只能这样显示了吗？ ...添加右侧约束约束报错如图，添加完右侧约束之后，我们发现约束报错了，原因：两个label都没设置宽度，都是根据内容自动设定的，这样就会导致均无法确定两个的frame，所有约束报错 ---- -->小...= 0，通过计算得到valueLabel的宽度；约束设置图如图，因为如果同一行，两个label都不设置宽度约束，由于label默认会根据内容自适应，两个不确定的约束 -->导致约束报错！...检查一下，是否有设置了 tableView的高度代理方法-->(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath

3.3K6 0

手机QQ空间iPhone X适配总结

状态栏到底还要不要隐藏在完成全屏化后我们得到的界面如下图所示。 [image.png] 由上图可知，状态栏展示内容其实非常少，而且不完整。...OK，那么我们该如何适配状态栏高度呢？首先，假如之前代码中控件布局将状态栏高度写死20pt，那么很高兴地告诉你，以前挖过的坑，现在跪着也要填完。...那么我们到底要不要在该区域展示界面内容呢？根据官方设计规范，我们需要将界面内容分为两类：纯展示类的和可交互类的。...，如下面输入面板中表情滑动条的高度，根据内部适配规范我们只是把它往上提而不修改其高度，但这看上去悬空的感觉可能会有点奇怪。...需要注意的坑关于TabBar高度，在VC的viewWillAppear中获取到的是默认原始高度49，而到了viewDidAppear时获取到的高度为83，这就导致了在popVC时可能底部tabbar发生一个从下到上的跳动

1.8K3 0

关于 ZHTableViewGroup 的设计之路

关于 ZHTableViewGroup 的设计之路关于ZHTableViewGroup思想如何产生之前复杂的页面不用表格要对于小屏幕做适配添加滚动需要可以滚动的试图无非就是 UIScrollView.../// 托管 UITableView 的对象 var tableView:UITableView 之前准备想让用户不用实现 UITableViewDataSource 的代理方法用运行时或者代理卸载这个库里面...获取不到返回默认的UITableViewCell return UITableViewCell() } return cell } 我们在...cell.cellNumber // 累加 cell 的数量 if indexPath.row < count { // 当索引在当前ZHTableViewCell范围内...Cell 的高度 /// 获取 cell 的高度 /// /// - Parameters: /// - dataSource: ZHTableViewDataSource

8922 0

iOS中TableView小技巧

的Delegate方法中实现： - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath...，但是滑动列表时就表示我已经输入完毕了，不希望键盘保持在界面上，而是自动收起，同样是在TableView的Delegate方法中实现，但是是用的ScrollView的方法，让搜索框之类的放弃第一响应即可...，但是一些特殊情况下，比如cell内有一个label，这个label显示的内容是根据文字长度变换label高度的，这时我们不能单单变换label的高度，还要相应的改变cell的高度，才能正确地显示内容，...通过以下方法动态地设置cell高度： // 首先根据内容修改cell高度 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath...NSIndexPath *)indexPath { …… // 获取cell的frame CGRect cellFrame = [cell frame]; // 根据内容改变

9453 0

React Native 初探

映射结果包括了视图的层次结构，Native UI节点的属性值（颜色、文字内容等）。排版：OC层通过css-layout确定节点的位置。绘制：Native UI节点进行drawRect。...回想一下UITableview的使用，为UITableview设置DataSource和Delegate之后，使用者并不需要关心UITableview是如何被创建绘制，以及如何监听点击长按之类的交互事件...那JS层是如何实现调用OC层的呢？是通过返回值。在事件触发OC层调用JS之后，会获得一段JSON数据作为返回值，OC层只需要按照协议，解析这段JSON数据，依次调用Native代码即可。...简单来说，dom tree 是根据源数据解析而来的，包含了原始的节点信息；而render tree 则是dom tree + css。...排版的目的，就是生成render tree，确定每个节点在屏幕上的大小位置。在React Native中，解析过程是在JS层完成的，原理未知。

2.1K6 0

iOS表视图单元格高度自适应

我们需要做的就是使用Masonry对视图单元格中的位于最底部的视图设置bottom约束，使其能够确定距离单元格最低端的距离。...，是UITableView的类目文件。...返回单元格高度我们就不必计算了，使用如下的方法来返回 //单元格高度 - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath...回调中要设置数据 cell.dataDic = self.dataSource[indexPath.row]; }]; } 二、遇到的问题： 1.Masonry设置的约束无效我们要确定设置单元格子视图约束是相对于...因为在布局的时候是相对于self的，这样可能会使约束错乱，自适应高度无效。

1.7K7 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭