怎么在Android應(yīng)用中實(shí)現(xiàn)一個(gè)背景可滑動(dòng)的登錄界面效果?很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來(lái)學(xué)習(xí)下,希望你能有所收獲。
實(shí)現(xiàn)思路
主要列舉一下實(shí)現(xiàn)過(guò)程過(guò)程中遇到的難點(diǎn)。
如何使鍵盤(pán)彈出時(shí)候不遮擋底部登錄布局;
當(dāng)鍵盤(pán)彈出的時(shí)候如何不壓縮背景圖片或者背景延伸至「屏幕以外」;
從 「 windowSoftInputMode 」 說(shuō)起
相信大家都清楚,Google 官方提供給開(kāi)發(fā)者控制軟鍵盤(pán)顯示隱藏的方法不多,「windowSoftInputMode」算是我們可控制的軟鍵盤(pán)彈出模式的方法之一。關(guān)于其屬性的說(shuō)明Google 官方和網(wǎng)上的教程說(shuō)了很多,他的屬性值由兩部分組成,形如「 stateHidden|adjustResize 」的格式,其前半部分(事實(shí)上也可寫(xiě)在后邊)表示所設(shè)置的 Activity 進(jìn)入時(shí)軟鍵盤(pán)的狀態(tài),后半部分表示軟鍵盤(pán)彈出的時(shí)候頁(yè)面是如何調(diào)整的。
下邊分別列出幾個(gè)可選屬性及其含義:
通過(guò)上述列表我們可以了解到 windowSoftInputMode 的幾個(gè)屬性值的含義。我們可以根據(jù)具體的需求來(lái)選擇合適屬性。However ! 產(chǎn)品需求永遠(yuǎn)比屬性來(lái)的奇葩。比如說(shuō)我們想要實(shí)現(xiàn)的的這個(gè)效果:
軟鍵盤(pán)彈出不遮擋全部的輸入布局,并不是單純的留出一個(gè)輸入框控件
軟鍵盤(pán)被彈起的時(shí)候背景不能被壓縮,或者向上滑動(dòng)
首先看第一個(gè)需求:我們可以使用 adjustResize 屬性來(lái)達(dá)到效果,可以看到這樣圖片已經(jīng)被自動(dòng)向上移動(dòng)了,ok,如果效果您還算滿意,那我就沒(méi)什么好說(shuō)的了,但是我們老板和產(chǎn)品以及 UI 說(shuō)這樣不好,背景不能壓縮也就是我們說(shuō)的第二個(gè)需求。當(dāng)時(shí)我心中就有一種 mmp 想對(duì)他們說(shuō)。但是呢作為一個(gè)敢于挑戰(zhàn)的 Android 程序員來(lái)說(shuō)這個(gè)小小的需求并不算什么。
對(duì)于第二個(gè)需求,首先我們要了解為什么圖片會(huì)被上滑,是因?yàn)槲覀兣渲昧?adjustResize 屬性,系統(tǒng)自動(dòng)根據(jù)鍵盤(pán)所需要的空間向上移動(dòng)整個(gè)頁(yè)面的布局,并調(diào)整頁(yè)面布局的大小以滿足不被軟鍵盤(pán)隱藏的效果。舉個(gè)栗子:
手機(jī)屏幕的高為1920px,那么整個(gè)Activity的布局高度也為1920px。當(dāng)設(shè)置該屬性后點(diǎn)擊界面中的EditText,此時(shí)彈出軟鍵盤(pán)其高度為800px。為了完整地顯示此軟鍵盤(pán),系統(tǒng)會(huì)調(diào)整Activity布局的高度為1920px-800px=1120px。
注意這里說(shuō)了會(huì)調(diào)整布局的大小,根據(jù)以往的經(jīng)驗(yàn),系統(tǒng)自動(dòng)調(diào)節(jié)的布局都不是我們想要的結(jié)果,比如各種可滑動(dòng) View 嵌套的問(wèn)題。那么這個(gè)需求能否依據(jù)這個(gè)思路來(lái)結(jié)局呢?
當(dāng) windowSoftInputMode 被設(shè)置為 adjustResize 時(shí)候,當(dāng)布局調(diào)整的時(shí)候被調(diào)整的布局均會(huì)重繪制,并走了onMeasure,onSizeChanged,onLayout 。
當(dāng) windowSoftInputMode 被設(shè)置為 adjustPan 時(shí)候,當(dāng)布局調(diào)整的時(shí)候被調(diào)整的布局均會(huì)重繪制,并走了onMeasure, onLayout 。
這里只需要注意 兩者都走了 onMeasure 方法,至于 adjustPan 沒(méi)走 onSizeChanged ,我們會(huì)在之后關(guān)于軟鍵盤(pán)彈出的監(jiān)控的文章中詳細(xì)說(shuō)明。
那么我們就利用其走了 onMeasure 方法,來(lái)「阻止」系統(tǒng)自動(dòng)調(diào)整的布局大小。由于我們背景用了 ViewPager,所以我們需要重寫(xiě) ViewPager 的 OnMeasure 方法。
public class AutoViewPager extends ViewPager { private int mScreenHeight; public AutoViewPager(Context context) { this(context,null); } public AutoViewPager(Context context, AttributeSet attrs) { super(context, attrs); mScreenHeight = DensityUtil.getHeight(getContext()); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { heightMeasureSpec = MeasureSpec.makeMeasureSpec(mScreenHeight, MeasureSpec.EXACTLY); super.onMeasure(widthMeasureSpec, heightMeasureSpec); } }
網(wǎng)頁(yè)名稱:怎么在Android應(yīng)用中實(shí)現(xiàn)一個(gè)背景可滑動(dòng)的登錄界面效果-創(chuàng)新互聯(lián)
轉(zhuǎn)載來(lái)于:http://chinadenli.net/article30/dsgdpo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、商城網(wǎng)站、虛擬主機(jī)、全網(wǎng)營(yíng)銷推廣、網(wǎng)站內(nèi)鏈、面包屑導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
網(wǎng)頁(yè)設(shè)計(jì)公司知識(shí)