Android Metro風格Launcher編寫一

來源:互聯網
上載者:User

標籤:android   launcher   metro   案頭   

前言:從畢業到現在已經三年多了,回憶一下這三年基本上沒有寫過部落格,總是覺得忙,沒時間寫,也覺得寫部落格沒什麼大用。但是看到很多大牛們都在寫部落格,分享自己的東西,所以嘛本著向大牛看齊,分享第一,記錄第二的目的開始寫一個系列的文章,我會把我做一個項目的詳細過程分享給大家,供大家參考和交流。好了,評書開講!

可能大家做Android機頂盒或者Android電視開發的比較少,這類開發基本上都是基於源碼的開發,大家有一個git版本庫,大家開發完了編譯出來一個版本燒到板子上跑,要編譯肯定就要編譯環境什麼的,google推薦的是在Ubuntu系統上搭建開發和編譯環境。

首先要做的事情是環境搭建:
  1. 大家可以裝雙系統或者用Oracle VM VirtualBox在Windows上安裝Ubuntu。安裝雙系統我這裡就不說了,大家可以去網上查一下,這裡有一個連結大家可以參考:點擊開啟連結。
  2. 在Windows環境下通過Oracle VM VirtualBox安裝Ubuntu請參考:點擊開啟連結。
    我這說一下注意事項:
    (1).必須是Windows7,如果是Windows8可能會出現意想不到的事情,總之就是不想遇到麻煩就用Windows7。
    (2).分配虛擬磁碟空間的時候至少要分配30G,因為你要下載android-sdk就會用上十幾G,你要是再下載源碼那你至少要分60G的空間。
    (3).安裝完系統後一定要安裝增強外掛程式,否則視窗無法全屏,安裝方法如:

    點擊紅色箭頭所指位置,然後在彈出框輸入使用者密碼確認安裝,安裝完畢重啟就可以全屏了。
  3. 配置開發環境:
    (1).配置adb:
    去官網下載android-sdk-linux,是:http://dl.google.com/android/ + 不同版本的sdk
    例如:下載r20版本
    r20的linux版本:http://dl.google.com/android/android-sdk_r20-linux.tgz
    r20的windows版本:http://dl.google.com/android/android-sdk_r20-windows.zip
    r20的mac版本:http://dl.google.com/android/android-sdk_r20-macosx.zip
    把上面下載的sdk解壓到一個目錄,比如說是~/software/目錄,
    終端執行:sudo gedit ~/.bashrc  
    在最後添加如下內容:
    #set path for android sdk tools
    exportPATH=$PATH:/home/leo/software/android-sdk-linux/tools
    export PATH=$PATH:/home/wuhao/software/android-sdk-linux/platform-tools/
    (2).配置java環境:
    去官網:點擊開啟連結下載對應版本的jdk,我的是64位系統,所以下載:jdk-7u75-linux-x64.tar.gz
    sudo mkdir  /usr/lib/jvm/
    cd /usr/lib/jvm/
    cp  ~/software/jdk-7u75-linux-x64.tar.gz   ./      
    sudo tar -vxzf  jdk-7u75-linux-x64.tar.gz
    把環境變數配置在使用者目錄.bashrc檔案中是最好的選擇,在bashrc裡添加:
    sudo gedit ~/.bashrc
    #set java environment
    #JAVA_HOME=/usr/lib/jvm/jdk1.7.0_75
    export JRE_HOME=/usr/lib/jvm/jdk1.7.0_75/jre
    export CLASSPATH=.:$JAVA_HOME/lib:$JRE_HOME/lib:$CLASSPATH
    export PATH=$JAVA_HOME/bin:$JRE_HOME/bin:$PATH
    重啟生效或者source .bashrc生效
    (3).剩下的就是IDE下載和配置了,你可以選用Eclipse或者Android Studio。
Launcher設計在電視或者機頂盒上做UI開發,首先要考慮電視尺寸都比較大,你的UI展現要能夠在電視螢幕上看著大小合適,展現的簡潔舒服,別像原生Launcher那樣好多小表徵圖看著密密麻麻的,第二個是要方便遙控器操作,焦點導航顯示正確,因為你不可能給機頂盒外接一個滑鼠模仿觸摸操作,那樣太不方便。所以大家都會想到類似Windows 8的那種風格。設計大概像是下面的圖:

產品要求:(1)在顯示第一屏的時候第二屏要在螢幕右側有一部分顯示,並且是縮小顯示,在page二顯示的時候page一在左側縮小顯示一部分,page三部分顯示,page之間切換流暢,表徵圖放大縮小流暢。(2)在每一個表徵圖上焦點的時候要放大顯示,表徵圖周圍有陰影或者焦點框之類的反白出來,丟焦點的時候還原為正常顯示。(3)表徵圖對應的應用連結可以在xml檔案配置。(4)page個數可以配置,可以通過簡單的修改參數去掉某個page。拿到上面的產品需求你會怎麼做呢?我是作如下考慮的:(1)第一個需求我想到了ViewPager、viewflipper,這兩個可以做到page之間切換流暢。(2)每一個表徵圖抽象出來做成一個View,放大縮小用屬性動畫可以做到,對應的View xml檔案可以自訂屬性完成應用連結配置。(3)靈活添加,刪除page需要好好考慮一下代碼實現。
哎呀,好累,一個周六幾個小時就這麼過去了,套用《框框日記》裡面框框經常說的一句話“多麼有意義的一天呀!”。以上就是我Launcher Metro風格實現的第一篇博文,簡單描述了環境配置和設計思路,寫的有不足之處還請各位多多包涵和交流,具體代碼實現我會在我的下一篇博文中進行講解,請多多關注!

轉載請註明出處:http://blog.csdn.net/cwuhao/article/details/44514191,謝謝合作!








Android Metro風格Launcher編寫一

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.