每行最多顯示3個，所以每行都是遍歷輸出，每個單元格也是遍歷輸出的，但是資料字段是單純的陣列列表，沒法做到每三個元素就換行；所以最後，只能改變一下陣列內的資料結構了，也就是將一維陣列改造成二維陣列：
這樣子載遍歷的話，就可以了；
前端我用的是angular6，遍歷起來的話也是很方便的；
首先**中有著三個變數；
mydiary: any;
size = 3;
imgs: any = ;
size:每行顯示的個數；3個不夠的話還可以設定多一些；
imgs: 存放的新陣列
處理方法：
// 格式化成九宮格
formartimgs(): void }}
iOS基礎開發 九宮格顯示資料頁面
九宮格顯示就是在介面中顯示一些資料和畫面,當達到某個個數就會自動換行,在新的一行中顯示.例如,購物車中,你新增乙個商品在介面中就顯示乙個,假設它只有3列,當第一行加滿三個之後自動換行顯示.計算這個九宮格,第一步要寫的是你的最大列數,隨後就是設定你要顯示物品的尺寸.從而計算出商品的x值和y值.顯示如下...
Android中的九宮格
1 實現基類 1 item數量控制 private void ensureitems int count else if c count for int i 0 i getchildcount i 2 mearsure處理 override protected final void onmeasur...
寫個九宮格的初體驗
當我第一次接觸flex布局的時候，那時候我還是單純靦腆的乙個少年。那時候要寫乙個移動端的靜態頁面，我還在快樂的定位與浮動布局 頁面裡面有乙個絕命九宮格，這怎麼寫，難道乙個乙個定位嗎？這不符合我懶人程式設計師的準則，在腦海裡依稀想到了flex布局這麼一回事，我好像有了一些印象。選擇定位模式來編寫 思路...