大家好蹬铺,今天我給大家分享的是Launcher桌面快捷圖標(biāo)的開發(fā)越平,我們都知道快捷圖標(biāo)有兩部分組成,一部分是應(yīng)用的圖標(biāo)仰禀,另一部分就是應(yīng)用的名稱侮叮。其實Launcher中的快捷圖標(biāo)只是繼承了TextView控件,重繪了一下悼瘾,將背景弄成淺灰色(具體是什么顏色我也不知道)的橢圓背景囊榜,顯示的文字顏色則是白色审胸。TextView有android:drawableTop;drawableBottom(上下左右我這里就不全寫出來了)屬性,用來顯示應(yīng)用的圖標(biāo)卸勺。
廢話不多說了砂沛,直接上例子,大家一步一步來曙求,多敲敲代碼碍庵,成長快一點。
第一步:新建一個Android工程悟狱,命名為ApplicationDemo.如下圖:
image.png
第二步:在values目錄下新建colors.xml文件静浴,定義一些要用的顏色,代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="white">#FFFFFF</color>
<color name="black">#000000</color>
<color name="bubble_dark_background">#B2191919</color>
</resources>
第三步:也就是重點了挤渐,新建一個BubbleTextView類苹享,繼承TextView,代碼如下:
package com.tutor.application;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.RectF;
import android.text.Layout;
import android.util.AttributeSet;
import android.widget.TextView;
public class BubbleTextView extends TextView {
private static final int CORNER_RADIUS = 8;
private static final int PADDING_H = 5;
private static final int PADDING_V = 1;
private final RectF mRect = new RectF();
private Paint mPaint;
public BubbleTextView(Context context) {
super(context);
init();
}
public BubbleTextView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public BubbleTextView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}
private void init() {
setFocusable(true);
// We need extra padding below to prevent the bubble being cut.
setPadding(PADDING_H, 0, PADDING_H, PADDING_V);
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mPaint.setColor(getContext().getResources()
.getColor(R.color.bubble_dark_background));
}
@Override
protected void drawableStateChanged() {
invalidate();
super.drawableStateChanged();
}
@Override
public void draw(Canvas canvas) {
final Layout layout = getLayout();
final RectF rect = mRect;
final int left = getCompoundPaddingLeft();
final int top = getExtendedPaddingTop();
rect.set(left + layout.getLineLeft(0) - PADDING_H,
top + layout.getLineTop(0) - PADDING_V,
Math.min(left + layout.getLineRight(0) + PADDING_H,
getScrollX() + getRight() - getLeft()),
top + layout.getLineBottom(0) + PADDING_V);
canvas.drawRoundRect(rect, CORNER_RADIUS, CORNER_RADIUS, mPaint);
super.draw(canvas);
}
}
第四步:修改main.xml布局文件,代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/icon"
android:text="ApplicationDemo"
android:textColor="@color/black"
/>
<com.tutor.application.BubbleTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/icon"
android:textColor="@color/white"
android:text="ApplicationDemo"
/>
</LinearLayout>
第五步:修改AndroidManifest.xml文件浴麻,注意這里我們在Activity里增加了一個透明的樣式得问,Launcher其實就是透明的Activity。
代碼如下(第8行代碼):
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.tutor.application"
android:versionCode="1"
android:versionName="1.0">
<application android:icon="@drawable/icon" android:label="@string/app_name">
<activity android:name=".ApplicationDemo"
android:theme="@android:style/Theme.Wallpaper.NoTitleBar"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
<uses-sdk android:minSdkVersion="7" />
</manifest>
第六步:運行上述工程软免,查看效果如下:
image.png
將android:drawableLeft修改為android:drawableTop宫纬,效果如下:
image.png