憤怒的小鳥選關卡介面製作

來源:互聯網
上載者:User

先回觀幾張大家熟悉的:

 

這個介面大家非常熟悉,現在小弟就想做這個效果。
先講下我的思路:
第一步:動態選擇排版樣式
由於這裡有四種介面效果,每張介面上的按鈕數量不同,也就是說有不同的四種不同的排班,所以我考慮到設計排班的問題如下:(說明:count關卡數)
15<count<=21時,採用第1張圖片的排版3*7的樣式
12<count<=15時,採用第2張圖片的排版3*5的樣式
6<count<=12時,採用第3張圖片的排版2*6的樣式
     count<=6時,採用第4張圖片的排版2*3的樣式
第二步:動態建立自訂button
既然上面基本版樣式已經選擇好了,接下來就是動態添加button到網格布局中。
第三步:將布局添加Gallery和Button,然後就可以建立關卡介面GridView了。這個動態介面的建立根據存放背景圖片的數組backImg[]來動態建立。

原始碼下載:http://download.csdn.net/detail/aa4790139/4019204

效果如下:

這個效果還算不錯,能滿足需求。要想跟上面憤怒的小鳥選關介面,是有欠缺問題的:

1、Gallery的捲動軸效果為左右的兩邊的陰影(用紅筆圈出來的效果),把這種去掉,改成上小鳥介面的三點顯示效果:

2、自訂配接器繼承BaseAdapter中getView方法中,將其中的ImageView改成Button,相應就沒有反應了呢?這是為什麼呢?

3、滑動地區只為最下按鈕一排才有效,還有就是當滑到2/3的時候而此時我的手指有沒有鬆開,卻會自動選擇顯示大View的介面。

4、當滑到最左的時候,滑不動了。想弄成滑到最左端的時候還是可以滑動,只是左邊沒有顯示,鬆手後有自動彈回來的效果。

小弟暫時沒有解決,忘後面解決的朋友告訴我,也跟大家分享分享。謝謝!

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.