android屏幕适配之点9图片
?之前就接觸過點9圖片,因為一直沒有實際用過,所以當時也就馬馬虎虎的看了一遍,對于點9圖片不是很?懂,今天認真仔細的研究了一下,只想說一句,媽的,這玩意真好!
?言歸正傳不扯淡,點9圖片就是為了解決因屏幕適配引起的圖片失真等一系列問題,比如我們做一個類似
微信消息的組件,就是一個設(shè)置了背景圖片的按鈕
有以下幾種情況會發(fā)生:
1、你的手機手機屏幕寬度變寬,就會出現(xiàn)這樣的情況:
不知道細心的你們發(fā)現(xiàn)沒有,這個橫向的拉伸是整體的橫向拉伸,從而導(dǎo)致圖片橫向上看起來已經(jīng)嚴重變形,
丑的一比,同理縱向拉伸也是一樣。ok,那我們就來解決這個問題,解決的方法也許有很多種,但是我要用
的肯定是點9圖片,要不然墨跡這么多有個毛線用,那我們就來認識一下點9圖片,制作點9圖片要設(shè)置一張
圖片的四條邊:
左邊的一條黑邊:設(shè)置你這張圖片在縱向需要拉伸的時候拉伸的區(qū)域,你設(shè)置的區(qū)域如果在圖片進行拉伸
???的時候,只有這部分會進行拉伸,黑邊以外的區(qū)域縱向上是不動的,當然你可以指定多
???條黑邊。
上邊的一條黑邊:同左邊的一條黑邊
總結(jié)一下就是左邊和上邊的黑邊是用來設(shè)置需要拉伸的區(qū)域,黑邊可以設(shè)置多條,即設(shè)置多個拉伸區(qū)域
至于右邊和下邊的黑邊是用來干什么的,簡單說一下就是用來設(shè)置顯示區(qū)域,這里先賣個關(guān)子,一步一步
看就知道怎么用了,當時我也是沒有完全明白。
我們來解決上面提出的第一個問題(屏幕變寬導(dǎo)致的橫向失真變丑),用點9圖片來解決,問題來了,用
什么制作點9圖片呢,百度一下就知道了,哈哈哈,我用的是SDK下面的工具哈
工具位置:sdk\tools\draw9patch.bat。
這是我制作的點9圖,我們還是拿橫向拉伸來舉例,當我的圖片需要拉伸的時候,我拉伸的區(qū)域是上圖中
上邊的黑邊所在的區(qū)域,
OK,讓我們看一下實際的效果,如下圖
OK,成功了,一半。。。。接下來我們說第二個問題
2、當你的文本變多的時候,你會發(fā)現(xiàn),即使你設(shè)置了拉伸區(qū)域也還是會出現(xiàn)問題的,如下
恩???,what fu*k,這怎么又這么丑了,說好的文本居中呢,拉伸倒是有了,不過怎么這么丑,為什么
文字都顯示到圖片外邊了,就不能好好地躺在圖片正中心么?接下來就要說一下剛才沒有說完的另外兩條邊
了,設(shè)置點9圖片的右邊和下邊,用來設(shè)置顯示區(qū)域,我現(xiàn)在的需求就是想讓文本顯示在圖片的中心位置,
那我們就可以這樣設(shè)置:
經(jīng)過以上的設(shè)置,內(nèi)容的顯示區(qū)域變成這樣
通過點9設(shè)置圖片的右邊和下邊后,我們來看一下效果
兩食指向外一劃,完美(畫面自行腦補)!!!
最后說一下點9圖片的設(shè)置,在一條邊上點擊一點,然后等箭頭變成可上下拖動的就可以按住鼠標左鍵進行
拖動設(shè)置了,如果想修改設(shè)置的區(qū)域,可以按住shift鍵同時點擊鼠標左鍵拖動即可修改。
God bless you,God bless Android
總結(jié)
以上是生活随笔為你收集整理的android屏幕适配之点9图片的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 华北水利水电大学计算机学院,华北水利水电
- 下一篇: S7以太网协议介绍