這次分析一個扇形菜單展開的自定義View, 也是我實習期間做的一個印象比較深刻的自定義View, 前后切換了很多種實現思路, 先看看效果展示

成都創新互聯是專業的紫陽網站建設公司，紫陽接單;提供網站設計、網站建設,網頁設計,網站設計,建網站,PHP網站建設等專業做網站服務;采用PHP框架,可快速的進行紫陽網站開發網頁制作和功能擴展;專業做搜索引擎喜愛的網站,專業的做網站團隊,希望更多企業前來合作!

效果展示

效果分析

1. 點擊圓形的FloatActionBar, 自身旋轉一定的角度
2. 菜單像波紋一樣擴散開來
3. 顯示我們添加的item

實現分析

使用adapter適配器去設置View, 用戶可自定義性強, 不過每次使用需要去設置Adapter, 較為繁瑣

直接調用ItemView, 將ImageView和TextView寫死, 用戶操作簡單, 但是缺乏可定制性(利他)

本次功能實現采用了方案 2

實現步驟

1. 與氣泡拖拽類似, 新開啟一個Window進行自定義View的繪制
2. 初始化時調用setWillNotDraw(false)方法, 強行啟動ViewGroup的繪制
3. onMeasure中將寬高寫死
4. 繪制背景
   1. 錨點為View的底部中心點
   2. 半徑為屏幕寬度一半的平方和的開方(注意這里不是屏幕的一半)
5. 添加itemView, 在onLayout中去確定其位置
6. 添加動畫效果
7. 將相關接口暴露給外界

使用方式

BottomSectorMenuView.Converter(mFab)
        .setToggleDuration(500, 800)
        .setAnchorRotationAngle(135f)
        .addMenuItem(R.drawable.icon_camera, "拍照") { Toast.makeText(this@MainActivity, "拍照", Toast.LENGTH_SHORT).show() }
        .addMenuItem(R.drawable.icon_photo, "圖片") { Toast.makeText(this@MainActivity, "圖片", Toast.LENGTH_SHORT).show() }
        .addMenuItem(R.drawable.icon_text, "文字") { Toast.makeText(this@MainActivity, "文字", Toast.LENGTH_SHORT).show() }
        .addMenuItem(R.drawable.icon_video, "視頻") { Toast.makeText(this@MainActivity, "視頻", Toast.LENGTH_SHORT).show() }
        .addMenuItem(R.drawable.icon_camera_shooting, "攝像") { Toast.makeText(this@MainActivity, "攝像", Toast.LENGTH_SHORT).show() }
        .apply()

本文名稱：androidSectorMenuView底部導航扇形菜單的實現代碼-創新互聯
瀏覽地址：http://www.yijiale78.com/article36/cdpcpg.html

成都網站建設公司_創新互聯，為您提供營銷型網站建設、網站維護、網站建設、網站收錄、自適應網站、網站策劃

廣告

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