已經很久沒更新Launcher系列文章，今天不分析原始碼，講講如何在Launcher裡面新增桌面設定的功能。目前很多第三方Launcher或者定製Rom都有簡單易用的桌面設定功能。例如小米MIUI的Launcher就有很豐富編輯功能。今天開始會講一下如何實現桌面編輯功能。網上對於實現Launcher一些編輯功能的文章鳳毛麟角，基本沒什麼資料可以參考，只能靠自己摸索對比別人Launcher的效果。

　　桌面編輯功能我主要分為 桌布設定、Widget外掛、切換特效、主題 4個部分。這個主要是參考OPPO的手機做的，個人覺得Oppo手機這方面做得挺不錯。今天先說說桌布設定功能，長按桌面或者在WorkSpace按Menu鍵就可以開啟編輯欄。下面給出兩張圖片做對比。第一張是編輯欄沒有開啟情況，第二張是開啟編輯欄處於桌布設定模組。

（PS：新建的QQ群，有興趣可以加入一起討論：Android群：322599434）

1、編輯欄設計方案

　　這個編輯欄實現的基本思路跟Hotseat一樣，也是編寫一個獨立的模組，然後嵌入到Launcher裡面。如果對Hotseat已經有一定了解的朋友，做這個應該不困難。看上面效果圖的功能就可以自動，我把編輯欄佈局分為上下兩部分，直接用LinearLayout佈局就可以。所以我過載了LinearLayout，自定義一個ViewGroup實現編輯欄。

public class WorkSpaceEdit extends LinearLayout
{
  
 
//.......  
}

　　WorkSpaceEdit就是我實現的編輯欄主要類，跟Hotseat一樣。整個思路其實也是參考HotSeat的實現方法來的，Launcher裡面的確有很多好的設計方案可以學習。然後我們只要在Launcher配置檔案裡面加入WorkSpaceEdit的佈局即可。預設狀態設為不可見，因為它佔用的位置跟Hotseat是一樣的，兩者只能有一個顯示出來。

　　<!-- WorkSpace下面編輯選單  mythou-->
    <include 
        layout="@layout/workspace_edit"
        android:id
 
="@+id/workspaceEditID"
        android:layout_width="match_parent"
        android:layout_height="160dp"
        android:layout_gravity="bottom" 
        android:visibility="gone"/>    

　　@layout/workspace_edit就是引用了編輯欄的佈局檔案，下面簡單看看它如何佈局，根部局就是我們上面過載了LinearLayout的新的ViewGroup。編輯欄裡面所有元素都被包含在裡面。

<com.android.launcher2.WorkSpaceEdit
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:launcher="http://schemas.android.com/apk/res/com.android.launcher"
    android:background="@drawable/workspace_edit_bg"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    >

//.................

</com.android.launcher2.WorkSpaceEdit>

　　整個編輯欄的邏輯結構就是這樣，跟Launcher結合的方式和Hotseat是一模一樣。這裡多說一句，在我們為Launcher增加一些新功能的時候，大可參考Launcher原生的程式碼，當然前提是你對Launcher原始碼有一定了解。對Hotseat有興趣的朋友可以參考我以前編寫的有關Hotseat分析和修改的文章。

2、原生桌布設定分析

　　Launcher原生就有一個桌布設定功能，相信分析過Launcher原始碼的朋友都看過，我第二篇文章也簡單分析了Launcher如何設定桌布。所以桌布設定功能實現不困難，只要移植原生的程式碼即可。下面簡單分析主要需要移植的程式碼。

原生Launcher的桌布設定功能，程式碼都在WallpaperChooserDialogFragment.java裡面，這是一個Fragment。既然是Fragment，我們先去onCreateView看看如何載入和顯示桌布。

public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState)
    {
　　　　 //查詢wallpapers和extra_wallpapers裡面的圖片檔案
        findWallpapers();

        /*
         * If this fragment is embedded in the layout of this activity, then we
         * should generate a view to display. Otherwise, a dialog will be
         * created in onCreateDialog()
         */
        if (mEmbedded)
        {
            View view = inflater.inflate(R.layout.wallpaper_chooser, container,
                    false);
            view.setBackgroundDrawable(mWallpaperDrawable);
　　　　　　　//通過Gallery控制元件顯示桌布
            final Gallery gallery = (Gallery) view.findViewById(R.id.gallery);
            gallery.setCallbackDuringFling(false);
            gallery.setOnItemSelectedListener(this);
            gallery.setAdapter(new ImageAdapter(getActivity()));

            View setButton = view.findViewById(R.id.set);
            setButton.setOnClickListener(new OnClickListener()
            {
                @Override
                public void onClick(View v)
                {
　　　　　　　　　　　//設定桌布的操作
                    selectWallpaper(gallery.getSelectedItemPosition());
                }
            });
            return view;
        }
        return null;
    }

　　從上面可以看到，其實我們要做的工作主要有兩個，第一：載入預設的桌布，第二：把桌布關聯到一個Gallery裡面。Launcher預設的桌布是通過XML載入的，因為桌布檔名都寫在XML檔案裡面，而且是區分了兩個XML檔案。下面我們簡單看看如何讀取桌布檔案：

　　private void addWallpapers(Resources resources, String packageName, int list)
    {
        final String[] extras = resources.getStringArray(list);
        for (String extra : extras)
        {
　　　　　　 //通過檔名查詢圖片資源的ID
            int res = resources.getIdentifier(extra, "drawable", packageName);
            if (res != 0)
            {
                final int thumbRes = resources.getIdentifier(extra + "_small",
                        "drawable", packageName);

                if (thumbRes != 0)
                {
　　　　　　　　　　　//分別把縮圖和大圖片加入到圖片列表，這裡儲存的是圖片資源ID
                    mThumbs.add(thumbRes);
                    mImages.add(res);
                    // Log.d(TAG, "add: [" + packageName + "]: " + extra + " ("
                    // + res + ")");
                }
            }
        }
    }

　　從XML讀取到圖片檔案的名字，然後通過包名載入對應檔案的資源ID，把桌布的縮圖和大圖片分別儲存到對應的列表裡面，這裡只是儲存對應圖片的資源ID。我們只要把上面說的程式碼移植到我們新編寫的WorkSpaceEdit即可。設定桌布程式碼這裡不多說，可以自行檢視原始碼。另外有關Gallery控制元件的使用，這裡也不多說，可以看看我前面編寫的Gallery使用的文章，或者百度一下Gallery基本用法。把上面桌布載入和顯示程式碼移植後基本就可以實現桌布設定功能。

3、增加其他桌布設定

　　我們因為把長按桌面功能直接改為顯示編輯欄功能，所以原來選擇其他桌布的功能也沒有了，這裡需要增加一個入口給其他桌布使用。我這裡是增加了一個按鈕在Gallery裡面，預設第一個Gallery元素就是其他桌布的入口（PS：這個方案也是參考Oppo手機實現的）。可以在點選這個Item 的時候，我們傳送原生Launcher開啟桌布功能的Intent。在響應Gallery按下的回撥方法onItemClick裡面，我們增加下面的處理：

if (position==0)
{
     //選擇其他桌布
     final Intent pickWallpaper = new Intent(Intent.ACTION_SET_WALLPAPER);
     Intent chooser = Intent.createChooser(pickWallpaper, mContext.getText(R.string.chooser_wallpaper));
     ((Activity) mContext).startActivityForResult(chooser, REQUEST_PICK_WALLPAPER);
     return ;
}

4、結語

　　通過上面方法就可以移植桌布設定功能，實現我上面效果圖的功能。今天主要是講一下如何加入編輯模組到Launcher裡面，當然，我這裡只是其中一種實現方式。還可以參考其他Launcher的實現方法。

　　我這裡主要是提供一種思路和修改方法給大家參考，跟著我分析過程應該也能實現相應功能，如果還不可以，只能說你對Launcher不熟悉，因為在Launcher編輯的功能裡面，桌布設定是最簡單的。接下來的Widget外掛會比桌布設定難度大很多，要修改和編寫的程式碼也很多。所以如果你對Launcher原始碼不熟悉，下面的就很難進行。

PS：最近遇到很多不順心的事，希望一切都好起來！

2013-9-11

Edited by 泡泡糖

系列文章：

Edited by mythou