2. 程式人生 > >使用點九圖在Android Studio中實現與Axure設計圖一致的陰影效果

使用點九圖在Android Studio中實現與Axure設計圖一致的陰影效果

阿新 • • 發佈：2019-02-05

Android在5.0中提出了“高度”的概念，並提供了elevation屬性給開發者直接設定z值高度。但其效果與Axure設計圖相差甚遠：

另外我們知道Android製作陰影的方法有很多種，下面就是利用點九圖實現與Axure的設計圖中一致的陰影效果的方法。

生成點九圖

我們對比一下Axure的陰影屬性和該網站支援的屬性：

支援屬性 Axure RP 8 Android 9-patch Shadow Generator Android elevation
x偏移 支援 支援 不支援
y偏移 支援 支援 不支援
模糊值（blur） 支援 支援 僅通過改變高度調節投影強度
陰影顏色 支援 支援 不支援
陰影透明度 支援 支援 不支援

從上表可知，使用點九圖製作，理論上可以完美實現和Axure設計圖一致的陰影效果。

注意事項

需要根據螢幕畫素等級製作不同解析度的點九圖

雖然Android裝置可以根據自身螢幕畫素等級對資源進行縮放，但很多人都有切圖的需求。針對不同解析度需要製作的點九圖是不同的，這裡舉例說明一下：

切圖解析度/px 點九圖弧度半徑 x偏移 y偏移 blur
一倍切圖 360x640 6 5 5 8
二倍切圖 720x1280 12 10 10 16
三倍切圖 1080x1920 18 15 15 24
四倍切圖 1440x2560 24 20 20 32

相關推薦

使用點九圖在Android Studio中實現與Axure設計圖一致的陰影效果

Android在5.0中提出了“高度”的概念，並提供了elevation屬性給開發者直接設定z值高度。但其效果與Axure設計圖相差甚遠： 另外我們知道Android製作陰影的方法有很多種，下面就是利用點九圖實現與Axure的設計圖中一致的陰影效果

點9圖 Android設計中如何切圖.9.png

過程 指導 img clas 不能 hot 畫布 pos thum 轉載自：http://blog.csdn.net/buaaroid/article/details/51499516 本文主要介紹如何制作 切圖.9.png（點9圖），另一篇姊妹篇文章Android屏幕適配

Android產品研發（十九）-->Android studio中的單元測試

上一篇文章中我們講解了webview中問題集錦，講解了webview的效能優化、webview種入Cookie資訊、activity退出的時候清除webview資訊報錯、如何通過java程式碼和js程式碼相互互動、webview如何下載檔案以及騰訊的X5瀏覽

關於Android studio中使用匿名內部類實現點選按鍵浮現文字

在app的開發中，有時候我們需要點選一個按鍵，而後浮現一行文字，以下提供一種使用匿名內部類的較簡單的方案，並記錄了一些暫時無法解決的問題。 Button button=(Button)findViewById(R.id.button); button.setOnClick

Android 點九圖機制講解及在聊天氣泡中的應用

## 點九圖簡介 Android為了使用同一張圖作為不同數量文字的背景，設計了一種可以指定區域拉伸的圖片格式“.9.png”，這種圖片格式就是點九圖。 注意：這種圖片格式只能被使用於Android開發。在ios開發中，可以在程式碼中指定某個點進行拉伸，而在Android中不行，所以在Android中想要達

Android studio程式碼實現打電話+點選事件四種方式

?Android系統架構（重點） 第一層：應用層Application 第二層：應用框架層Application Framework 第三層：Android底層類庫層 Libraries、Dalvik虛擬機器 第四層：linux核心層 linux kernel Android是執行在

android studio中ToolBar實現標題欄

首先注意將values中的style類中改成NoActionBar <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light**.NoActionBar**

Android studio中關於Spinner下拉列表的點選事件

首先在values下的string.xml檔案中新增下拉列表的內容： <string-array name="province1"> <item>河北</item> <item>北京<

Android studio中Git的學習和使用心得（二）在Android studio中如何使用Git進行程式碼回退與再提交

這篇部落格是上篇部落格的進階，針對Android studio常用的Git使用情景進行總結。上篇部落格連結https://blog.csdn.net/qq_34820468/article/details/83416326。 下面我們來學習Android stu

安卓點九圖中的一些坑

關於點九圖的一些使用（踩坑）經驗 網上有很多關於點九圖的使用，這裡不一一敘述，只要記住一點，點九圖是用來給簡單可拉伸的適配方案。先看效果圖： 圖一 圖二 再看程式碼 <?xml version="1.0" encoding="utf-8"?> &

Android Studio中TextView實現跑馬燈效果

自建一個MarqueeText 類 繼承自AppCompatTextView並重載父類的三個構造方法，新增一個isFocused方法 public class MarqueeText extends AppCompatTextView { public Marque

Android Studio中so庫的建立與使用、jar庫（jar呼叫so庫）的建立與使用（一）

工程下載https://download.csdn.net/download/cnicfhnui/10422621一、Android Studio 建立so庫，呼叫so庫第一步先下載NDK開發包，下載地址：https://developer.android.google.cn

Android開發錯誤——Android Studio中遇到過的錯誤問題與解決方案彙總

（1）編譯時發生Error:(25, 0) Gradle DSL method not found: 'compile()' Possible causes:<ul><li>The project 'AP' may be using a version

如何配置android studio環境實現ionic的編譯，執行與打包

1.配置android studio 環境; 1.1配置java環境 下載jdk,jre（jre好像是跟jdk一起的，jdk1.8.0_101，jre1.8.0_101） 參考文件:如何配置jdk,jre的參考文件 配置的環境變數：PATH(jre/b

android studio中以鍵值對的形式儲存資料--------sharedpreferences的儲存與取出

sharedpreferences的儲存： 首先 新建一個Button用於儲存資料的觸發 <Button android:id="@+id/button_save" android:layout_width="wrap_content

Android Studio 中 Toast重複點選不排隊

在使用Toast時，如果直接呼叫makeText函式，每次點選就會建立一個Toast物件，後面的Toast物件會在前面的Toast顯示完以後依次顯示。 所以會導致點選10次一直顯示幾十秒的情況，和我們平常使用的習慣不符。因此封裝一個ToastUtil類實現 每次點選都顯

Android studio 中與本地 html 頁面互動

  在Android studio的工程裡的main目錄下建立一個 assets目錄與res同級如下圖：在assets目下考入寫好的html頁面，webview通過“file:///android_assets/xxxx.html”載入此檔案。_webView.loadUrl

開始Android，Android studio 中部分檔案目錄的含義與作用

Android studio 中部分檔案目錄的含義與作用 java MainActivity.java主檢視 res  資原始檔的配置檔案 layout 佈局檔案 AndroidManifest.xm

在Android studio中設定按鈕點選變色效果的方法

一、在drawable下新建一個xml 名字"test" 程式碼如下： <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.androi

理解與配置Android studio中的gradle

使用gradle構建android應用時，你總是需要這樣一個檔案：build.gradle。你應該已經看過這個檔案了，如果沒有看過的話，你現在就可以看一下，它沒有多少內容。它的簡潔性得益於它提供了很多對設定和屬性的預設值。gradle是基於groovy語言的，不過如果只是用