AndroidMaterialDesign陰影實(shí)現(xiàn)示例-創(chuàng)新互聯(lián)

本文介紹了Android Material Design 陰影實(shí)現(xiàn)示例，分享給大家，具體如下：

10年的興山網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。全網(wǎng)整合營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整興山建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)公司從事“興山網(wǎng)站設(shè)計(jì)”,“興山網(wǎng)站推廣”以來，每個客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

讓 View 產(chǎn)生陰影有以下 4 種方式：

  1. 控制 elevation
  2. 使用 OutlineProvider
  3. 使用 9 圖
  4. 使用 MD 風(fēng)格的控件，如 CardView，F(xiàn)loatingActionButton

0.Z軸的概念


Android 在 5.0 及以后采用了 Material Design 設(shè)計(jì)語言，引入了 Z 軸的概念，也就是垂直于屏幕的軸，Z 軸會讓 View 產(chǎn)生陰影的效果：


想象有一束斜光投向屏幕，Z 軸值越大，離光就越近，陰影的范圍就越大；Z 軸值越小，離光就越遠(yuǎn)，陰影的范圍就越小。而：

Z=elevation+ translationZ

elevation 一般是寫在 xml 文件中做靜態(tài)配置，translateZ 是用來控制動畫效果。

是 Z 軸讓 View 產(chǎn)生了陰影，我們要控制陰影就是控制 Z 軸啦：

1.控制 elevation


控制 elevation，需要先設(shè)置 View 的 BackGround，再設(shè)置 elevation。

首先配置一個 drawable:

<!-- res/drawable/myrect.xml -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#42000000" />
<corners android:radius="5dp" />
</shape>

當(dāng)前標(biāo)題：AndroidMaterialDesign陰影實(shí)現(xiàn)示例-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接：http://www.muchs.cn/article46/dsjihg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、軟件開發(fā)、網(wǎng)站策劃、微信公眾號、網(wǎng)站內(nèi)鏈、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)