1. 程式人生 > >cell自適應高度-masonry適配

cell自適應高度-masonry適配

今天要提的是cell上label自適應高度
用一張圖片說明今天要做的任務,其中做三種情況的cell適配;
這裡寫圖片描述

首先完成VC裡面的程式碼:
這裡寫圖片描述
這裡寫圖片描述
這裡寫圖片描述
這裡寫圖片描述

其中:
self.tableView.estimatedRowHeight = 50;
self.tableView.rowHeight = UITableViewAutomaticDimension;
這兩句是ios8之後適配的新特性,不需要再實現tableView的代理方法(heightForRowAtIndexPath方法)

下面開始進入cell:
第一段TestCell:
這裡寫圖片描述
或者用下面的適配程式碼
這裡寫圖片描述


關鍵在於 :label高度自適應要固定寬度,寬度自適應要固定高度

第二段MasonryCell:
這裡寫圖片描述
這裡寫圖片描述
這是Masonry的迴圈佈局 在需要自適應高度的對個控制元件可選用,比如scrollerView載入圖片
其中:關鍵在於子控制元件的底部不固定,而父控制元件的底部根據子控制元件的底部變化

第三段ManyLabelCell:
這裡寫圖片描述
這裡寫圖片描述
這裡上面label自適應高度,下面image固定高度,其中label不用固定高度,但要固定寬度,下面image的上部連著label的底部,寬高要固定。

執行結果補充:這裡寫圖片描述
這裡寫圖片描述

這是我自己的理解,有不足之處請諒解。

相關推薦

cell適應高度-masonry

今天要提的是cell上label自適應高度 用一張圖片說明今天要做的任務,其中做三種情況的cell適配; 首先完成VC裡面的程式碼: 其中: self.tableV

使用storyboard tableView的cell適應高度

效果圖 先約束好圖片的大小(防止被拉伸)、上左的距離(固定位置)、下邊的距離(當label的字數很少時,cell的高度以圖片的高度加上邊的距離加上下邊的最小距離) label(上面) 約束好上下左右(vertical改為250) label(

swift tableview cell適應高度

自適應高度達到的效果 實現方法: 1. xcode新建個專案,選擇 single View Application 2. 開啟main.storyboard  將tableview 拖到view controller中,並給tableview 拖入 tableview

iOS 設定 tableView 代理, 註冊 cell, 適應高度.

// 設定 tableView 代理, 註冊 cell, 自適應高度. +(void)tableViewRegister:(UITableView *)tableView  identifier:

Masonry——(7)UITableView中定義UITableViewCell高度適應及計算

在UITableView列表的使用中,因為在自定義的UITableViewCell中頁面相對複雜,所以會出現每一個cell都有不同的高度。這時候就需要根據實際內容進行cell的更新約束,其實說到底也就是哪些UI子檢視應該顯示,或隱藏,哪些UILabel標籤高度是這個數值,

iOS UITableView cell適應內容高度

定義UITableView 並且遵守兩個協議 firstTableView = [[UITableViewalloc]initWithFrame:CGRectMake(0, 64, kScreenWidth, kScreenHeight-64) style:UITa

div實現適應高度的textarea,實現angular雙向綁定

amp 屬性 top 方式 androi android 可編輯 str == 相信不少同學模擬過騰訊的QQ做一個聊天應用,至少我是其中一個。 過程中我遇到的一個問題就是QQ輸入框,自適應高度,最高高度為3row。 如果你也像我一樣打算使用textarea,那麽很抱歉,你一

iOS Label 適應高度

非主流 自適應高度 all category blog 自適應 logs uicolor height 推薦第二個 測試一,只改變numberOfLines屬性,label的高度不會自適應(會有text中的一部分內容稱為......) NSString *str

iframe適應高度,以及一個頁面加載多個iframe

nload 自適應 ntb new 一個 type set var con <iframe id="iframepage" src="Index.html" name="iframepage" frameborder="0" width="1349" scroll

textarea多行文本框適應高度

cdn src col div his change 1.8 chang oot <script src="https://cdn.bootcss.com/jquery/1.8.1/jquery.js"></script> <script&g

js兼容的Iframe適應高度

solid abs log ack row ati onload meid window js解決Iframe套用頁面,自適應高度的問題。 兩個頁面,a.html和b.html a.html <div style="border: 1px solid;">

iOS:解決UITextView適應高度粘貼大量文字導致顯示不全的問題

tex 顯示 輸入框 textview size self. uitext sel lec 一、描述 在UITextView輸入框中粘貼大量的文字時,UITextView內容自適應高度計算出現誤差,導致整塊文字上移消失。 二、方案 在UITextView文字改變的監聽中

微信小程式 選項卡切換+swiper適應高度

如圖所示一個,具體步驟如下: 一、wxml部分 <view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" b

UITableViewCell含有WebView的適應高度新解決方案

產品中頻繁遇到UITableViewCell含有WebView的需求,也提出好幾個解決方案了,當然一次比一次簡單。 舊方案 去年我總結出這個方案完美解決 UITableViewCell 中載入 UIWebView 的高度計算問題,我的思路是: 獲取資料,確定 tableView 的 cell 的數

css利用padding百分比實現圖片適應高度

應用場景 寬高比率,實現圖片自適應高度,防止圖片載入過程高度為0,載入完圖片高度撐起,它下面的div抖動問題 重點:CSS百分比padding都是相對寬度計算的 <div class="works-item-t"> <img src="./150x200.png">

textarea框適應高度

export function autoTextarea(elem, extra, maxHeight){ /**textarea文字域隨內容的多少而調整高度 */ extra = extra || 0; var isFirefox = !!document.getBoxObjectF

【css】子元素浮動到了父元素外,父元素沒有隨子元素適應高度,如何解決?

正常情況 如果子元素沒有設定浮動(float),父元素的高度會隨著子元素高度的改變而改變的。 設定浮動以後 父元素的高度不會隨著子元素的高度而變化。 例如:在一個ul中定義若干個li,並設定float='left' <!DOCTYPE html> <html lang="en"&g

解決圖片適應高度的問題

自適應的載入方法 public static void loadImgBySize(Context context, ImageView imageView, String imgUrl, int w, int h) { Glide.with(context).load(i

Android評論彈出窗根據輸入法適應高度

需求分析:當我們點選輸入框時,會調出輸入法軟鍵盤,如果不做處理,PopupWindow評論視窗可能會擠到螢幕最上方,更糟糕的事件是看不到我們的輸入框,連自己輸入什麼內容都看不到,這樣使用者體驗非常差!下面先讓大家看我們做出來的效果圖: 上圖可以看出,輸入法彈出和隱藏,對

初探使用繼承BaseAdapter的定義adapter去ListView

要做什麼:在一個activity中展示一個ListView柴犬列表,包含imageView和一個TextView 需要準備: 1、在哪個介面展示ListView,即一個activity 2、一個繼承了BaseAdapter的子類dogAdapter 3、一個Dogs實