仿微信未讀RecyclerView平滑滾動定位效果
效果圖有紅點的地方表示有未讀訊息,依次雙擊首頁圖示定位,然後定位到某個未讀在手動下滑一點距離在次點選定位效果
用過 RecyclerView 的人都知道,自帶有幾個滾動到item下標的方法,但是不靠譜,靠譜的又沒有平滑效果,所以還是得自己寫,主要是模仿了微信的一些定位邏輯
首先,要滾動到指定的座標出,可以借用recyclerview自帶的幾個方法,但是無論哪個方法首先得需要指定position,所以第一件事情就是先把position找準確了
上面程式碼就是查詢出可見條目開始最近的一條未讀item的position,finds是用於控制定位到最後一條的時候返回第一條
接下來就是直接平滑滾動定位到未讀的item條目了,這裡就需要用到兩個方法了, smoothScrollToPosition 這個方法是有平滑效果的,但是隻能從下往上的時候才是我們想要的效果,所以我們還需要用另外的方法用於從上往下平滑滾動
這裡用 smoothScrollBy 來滾動,smoothScrollBy方法需要一個top座標,而不是position,所以這個需要先獲取到定位item的top座標,這裡recyclerview也都有自帶的方法,所以最後的方法如下
到這裡就可以達到上面效果圖的效果了
相關推薦
仿微信未讀RecyclerView平滑滾動定位效果
效果圖有紅點的地方表示有未讀訊息,依次雙擊首頁圖示定位,然後定位到某個未讀在手動下滑一點距離在次點選定位效果 用過 RecyclerView 的人都知道,自帶有幾個滾動到item下標的方法,但是不靠譜,靠譜的又沒有平滑效果,所以還是得自己寫,主要是模仿了微信的一些定位邏輯 首先,要滾動到指定
第 0000 題:將你的 QQ 頭像(或者微博頭像)右上角加上紅色的數字,類似於微信未讀資訊數量那種提示效果。 類似於圖中效果
<pre name="code" class="python">import os import Image, ImageDraw, ImageFont ,ImageFilter os.c
Android仿微信搜尋,Recyclerview+關鍵字動態匹配篩選變色效果(Edittext+Recyclerview)
一、概述 我們要實現的是模仿微信的搜尋效果,通過監聽Edittext中文字的變化動態匹配Recyclerview列表中文字,重新整理列表,並將關鍵字變色顯示。 首先上圖,展示我們將要實現的效果(關鍵字是有顏色變化的,列表也有重新整理。我們的gif圖
IOS實戰 (4) 之 仿微信新聞評論框+ 半透明模糊效果
效果圖 網易新聞評論圖 仿圖 實現思路 1.鍵盤彈出事件 2.UIVisualEffectView作為背景圖 核心程式碼 1.鍵盤彈出事件監聽 新增通知監聽 [[NSNotificationCenter defaultCe
仿微信朋友圈圖片點選放大效果
這兩天寫了個小專案,其中用到了點選一組圖片中的一張可以檢視它的放大版,用手向左滑動能看到下一張的這組圖片中的第二張的放大版。。。依次類推,單擊放大版的圖片實現關閉效果,對於js能力不太好的我只能找度娘,然後就發現了photoswiper.js,不得不說真的好用,
android 仿微信、支付寶支付密碼框效果
GitHub:https://github.com/Jungerr/GridPasswordView 新增依賴: compile 'com.jungly:gridPasswordView:
android系列微談一之——仿微信6.0左右滑動漸變切換效果
[java] view plaincopyprint? <pre name="code"class="java"> ------------------------------------------
Android 仿微信/支付寶的密碼輸入框效果(一)
前言: 最近專案中碰到了一個像支付寶跟微信一樣的輸入密碼自動驗證的一個需求,因為之前在外包待過,所以你懂的!!用過太多封裝好的控制元件了,都是略過,能實現功能就可以了,也都不管其實現過程,現在靜下心了,於是打算研究研究。 先上一張類似需求的圖片: 說明一
android仿微信朋友圈點選評論自動定位到相關行
開啟你的微信朋友圈,點選評論,你就會發現有一個小細節:文字輸入框的高度恰好定位到這條資訊的底部位置 這個實現起來其實很簡單,咱們就來看看吧 最簡單的RecyclerView 依然是先實現RecyclerView。跟朋友圈一樣,我們也把頭給加上去,這樣我們在點
Android仿微信底部實現Tab選項卡切換效果
在網上看了比較多的關於Tab的教程,發現都很雜亂。比較多的用法是用TitlePagerTabStrip和ViewPaper。不過TitlePagerTabStrip有個很大的缺陷,Tab裡面的內容剛進去是沒有的,要滑一次才能加載出來。而且滑動的時候,Tab裡面的內容位置
Android 仿微信qq未讀訊息角標 BadgeView的使用
新增依賴: compile 'q.rorbin:badgeview:1.1.3' 使用方法: TextView textview = (TextView) findViewById(R.id.textview); new QBadgeView(this)
Android 使用RecyclerView實現(仿微信)的聯絡人A-Z字母排序和過濾搜尋功能
之前做專案的時候遇到一個需求是實現品牌的字母排序功能,網上的資料很多,但是有一部分有bug,這篇文章是我學習和解決部分bug之後的總結。今天帶來的是RecyclerView的A-Z字母排序和過濾搜尋功能。 首先上效果圖: 重點:1、實現資料排序分類 2、
Android使用RecyclerView實現仿微信聯絡人列表
現在聯絡人列表基本都是按照字母或者拼音來進行分類,右邊有一排字母供使用者快速定位到指定的字母位置,效果圖如下: OK,輸入的聯絡人型別可能有很多種,比如漢字、英文、數字、特殊符號等等,其中漢字會轉化成拼音,完後和英文一起進行分類,分類的原則是首字母排序,而數字、特殊符號等
【Android 仿微信通訊錄 導航分組列表-下】自定義View為RecyclerView打造右側索引導航欄IndexBar
本篇文章已授權微信公眾號 guolin_blog (郭霖)獨家釋出 一 概述 在上篇文章(http://blog.csdn.net/zxt0601/article/details/52355199)裡,我們用ItemDecoration為Recy
高仿微信對話列表滑動刪除效果
urn ann hang 源代碼分析 times ati boolean fault traffic 前言 用過微信的都知道。微信對話列表滑動刪除效果是非常不錯的,這個效果我們也能夠有。思路事實上非常easy,弄個ListView。然後裏面的每一個item做成一個能夠滑
HTML5+weui仿微信聊天功能、長按刪除功能
html5微信聊天 h5微信聊天界面最近由於項目需要, 就運用html5+css3+weui+jquery實現的微信聊天小案例,可發表圖像、紅包、打賞...功能, 還可以長按刪除消息。。。案例截圖如下:HTML及Js片段:<!DOCTYPE html><html lang="zh-cn"&g
H5仿微信界面教程(一)
並且 ace font 界面 badge alt access oppo show 前言 先來張圖,仿微信界面,界面如下,並不完全一模一樣,只能說有些類似,希望大家見諒。 1 用到的知識點 jQuery WeUI 是WeUI的一個jQuery實現版本,除了實現了官方插件
Android 超高仿微信圖片選擇器 圖片該這麽載入
主界面 asto 布局 sage comm equal ear 博文 細致 轉載請標明出處:http://blog.csdn.net/lmj623565791/article/details/39943731,本文出自:【張鴻洋的博客】1、概述關於手機圖片載入器,在當今
Android-通過SlidingMenu高仿微信6.2最新版手勢滑動返回(二)
word 代碼下載 extend ride 方法 最新版 roi library fin 轉載請標明出處: http://blog.csdn.net/hanhailong726188/article/details/46453627 本
仿微信aCTIONBaR以及界面
bar ongl 界面 oid aid 微信 androi lis cti aNDROID%E7%9F%A5%E8%AF%86%E4%BA%A4%E6%B5%81%E9%9D%9E%E8%AF%9A%E5%8B%BF%E6%89%B0 http://music.baidu