關於在列表中條目過多時顯示更多,點選全部顯示的效果
先上要的效果圖吧~
拿到效果圖後的第一反應是 採用listView的不用型別的條目顯示,並對對相應的條目進行顯示(Visiable)與隱藏(gone)(第一類條目超過3個時就讓第3個位置顯示 顯示更多,並隱藏其他更多的第一類條目,點選第3個位置的條目,讓顯示更多隱藏,同時顯示更多的第一類條目,這樣就不用處理 position的偏移及錯亂問題)
但寫了之後,發現,用gone 處理了 子條目雖然不顯示了,但是在liestView中還是佔據著一個空白的條目位置。未能達到想要顯示的效果
後面還是對資料進行了處理,
1. 對 第一類條目資料,用一個oneTypeList進行儲存,判斷長度是否超過 3條,超過3條的進行切割處理, 用deletedList暫時儲存多餘的資料,
2. 在原始list中第3個位置插入條more資料,用於標識 顯示 顯示更多,3. 當點選時第3個條目時更改資料,清除第3個位置的more資料,從第三個位置個位置addAll (3,deletedList),直接notifyDataSetChange就能實現想要的效果。
相關推薦
關於在列表中條目過多時顯示更多,點選全部顯示的效果
先上要的效果圖吧~ 拿到效果圖後的第一反應是 採用listView的不用型別的條目顯示,並對對相應的條目進行顯示(Visiable)與隱藏(gone)(第一類條目超過3個時就讓第3個位置顯示 顯示更多,並隱藏其他更多的第一類條目,點選第3個位置的條目,讓顯示更多隱藏,同時顯示更
vue 列表單擊顯示當前列表內容隱藏其他的列表頁,多次點選實現顯示隱藏的功能
1.//class -- sel_div已經把樣式寫好了;通過控制sel_div來控制樣式的展示情況; 2.單擊時,重新給showQA賦值為index;showQA與下標相同時,顯示樣式;同一時間只有一個li滿足條件; 3.當第二次點選時,給一個狀態開關isSta
ListView中嵌入佈局的Button或多個點選事件
ListView中嵌入佈局的多個點選事件 有時候在ListView嵌入的佈局中有多個事件需要點選,比如一個item中有TextView和Button兩個佈局,當我們需要獲取這兩個點選事件時,我們應該如何去獲取呢,通常來說,我們都是已經固定好了TextVie
排他佈局,點選導航顯示不同頁面內容。自定義屬性應用於索引。
排他佈局,點選不同導航,會顯示不同的內容。關鍵在於給導航標籤span設定自定義屬性index用於索引。這樣不同的導航索引對應下面不同內容。如:當點選產品:則顯示對應的產品模組。obj.setAttribute("index",i); var numb=obj.getAttr
佈局中同時使用Toolbar和EditText時,點選鍵盤彈出時標題欄被拉伸
在Toolbar中新增 android:fitsSystemWindows="true" 這時,如果我們的layout中包含可滾動的控制元件如ListView、ScrollView(即在鍵盤彈出時會
MVC顯示錶格,點選列頭可以排序
前臺: <table class="table table-bordered table-hover"> <thead>
js 移動端漂亮input框上傳本地,顯示縮圖,點選可以檢視大圖
//首先根據id得到input框的檔案,判斷大小,如果大於100M就不給上傳,如果不大於就可以上傳 $("input[type='file']").on("change",function(){ var load =$(this).attr("id"); var fileSize
硬碟分割槽檔案格式變成RAW,點選就顯示未格式化解決方法(小莫)
硬碟分割槽檔案格式變成RAW,點選就顯示未格式化。但格式化又失敗解決方法 以上問題都是分割槽由於某種原因造成了格式變化成RAW了,具體原因可能有很多,下面有幾種方法解決的方法也有幾個,西部e網歸納了一下,遇到此問題的朋友根據情況來解決吧!方案1、2只對原系統是NTFS格式有效
Android TextView限定行數最大值,點選按鈕顯示所有內容
package com.example.eventbusdemo;import android.app.Activity;import android.os.Bundle;import android.util.Log;import android.view.View;import android.view.
文字內容顯示三行,多餘部分顯示...,點選全部展開
H5 使文字內容顯示三行,多餘部分顯示...,點選全部展開 CSS部分: .mui-ellipsis-3 { display: -webkit-box; overflow: hi
jquery特效---jquery顯示縮圖,點選檢視大圖,並且大圖可自適應原圖大小
之前為了實現這樣的效果找了很久,大部分都不是自己想要的。 實現這樣的效果,我用了兩個jquery的框架。一個是 jquery.nailthumb.1.1.js,另一個是jquery.colorbox-min.js。
輸入框顯示輸入提示,點選消失。沒輸入直接提交,提交的輸入框內容為空,不提交顯示的提示文字
之前的方法 是用div 顯示輸入的文字。點選後div後讓input 輸入框獲取焦點,div隱藏。滑鼠離開input div顯示。 在一次抓取中 從抓取網站看到的方法。 現在這次自己好像用到了,就想起這個方法,結果效果不錯。馬上記錄下來 <input id="kw"
MFC實現當滑鼠移動到button按鈕上時是顯示一張圖片,移開顯示另外一張,點選是顯示另外一張
程式設計中,經常要用到按鈕控制元件,大部分情況下,文字按鈕就OK了,但有時為了更好的效果,需要用到圖形按鈕。 在MFC中,應用CBitmapButton就可以實現圖形按鈕。CBitmapButton類繼承自CButton類。你可以為圖形按鈕指定四張圖片,分別對應按鈕的四種
實現一個LinearLayout中包含一個TextView和一個EditText,點選EditText是,整個LinearLayout都獲取焦點,主要用於登入介面賬號密碼輸入框的UI設計
最近在製作一個專案的登陸介面UI的時候,由於沒有專業美工的作圖,很多素材都是要自己去搜集,有時候難免去“盜用”其他作品中的圖片,然而圖片大小等方面適配都不太理想,邊邊角角的空隙處理也不嚴謹。 在賬號密碼輸入框的樣式設計的時候,要實現一個LinearLayout中
【Excle數據透視】如何在數據透視表字段列表中顯示更多的字段
.cn src ima title margin wid 創建 mage 並排 創建完數據透視表之後,由於字段太多,在列表中沒有完全顯示解決方案通過“字段節和區域節並排”功能來顯示更多字段修改後結果字段已經完全顯示出來了!”字段節和區域節層疊“字段太多就造成了字段顯示不全。
python中關於字符串更多的一些註意事項
python 數據分析 ubuntu linux 字符串 單引號 雙引號 轉義1 單引號和雙引號都可以 2 如果要打印let’s go!怎麽辦或者\是轉義的意思3 字符串中包含一對單引號或雙引號怎麽辦只能單引號套雙引號但如果是字符串中包含一對單引號
phpcms列表頁js實現加載更多效果
phpcms列表頁js實現加載更多效果先看一下效果:默認顯示6條數據,點擊一次加載更多追加顯示6條,直到數據全部顯示完全,隱藏加載更多按鈕。列表頁引入一下文件:<script type="text/javascript" src="../jquery-1.8.3.min.js"></scri
Xamarin.Forms 中ListView實現到底載入更多
Xamarin.Forms 中ListView實現到底載入更多 在移動應用開發中,為了更好的使用者體驗,ListView控制元件的分頁效果通常是利用ListView到底載入來實現。 在Xamarin.Forms中ListView如何實現到底載入呢? 通過利用ListView的ItemAppearing來
fragment中的ImagView+Text多條目,點選ImageView二次取樣切換相簿圖片
##Fragmentd的 XML: <?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android=“http://schemas.and
Android中用SmartRefreshLayout實現ListView列表的資料重新整理與載入更多(總結)
這裡用到的是第三方外掛:SmartRefreshLayout 效果圖如下: 使用步驟如下: 1、新增遠端依賴 /*重新整理和載入*/ implementation 'com.scwang.smartrefresh:SmartRefreshLayout:1.1.0-