How to change the size of one image in a LayerDrawable

Question

Hello I am working on a android launcher that has a circle background behind all the app icons. I am using a LayerDrawable to get this to work however the circle image is smaller then the app icons see here:

So my question is how do I make the circle icon bigger than the app icon?

heres my circle icon code:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <stroke  android:color="#ccc" android:width="5dp" />
            <solid android:color="#ffffff"/>
            <size android:width="58dp" android:height="58dp"/>
        </shape>
    </item>
</selector>

and heres my class that generates the app icons:

package Appname.widget;

import android.content.ClipData;
import android.content.Context;
import android.content.Intent;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.LayerDrawable;
import android.support.annotation.ColorInt;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.HapticFeedbackConstants;
import android.view.View;
import android.widget.ImageView;

import appame.R;
import appname.AppManager;
import appname.util.DragAction;
import appname.util.GoodDragShadowBuilder;
import appname.util.LauncherSettings;
import appname.util.Tool;


public class AppItemView extends View implements Drawable.Callback{


    public Drawable getIcon() {


        return icon;
    }



    public void setIcon(Drawable icon) {
        this.icon = icon;
        this.icon.setCallback(this);





    }



    @Override
    public void refreshDrawableState() {
        invalidateDrawable(icon);
        super.refreshDrawableState();
    }

    @Override
    public void invalidateDrawable(Drawable drawable) {
        invalidate();
    }

    public String getLabel() {
        return label;
    }

    public void setLabel(String label) {
        this.label = label;
    }

    public float getIconSize() {
        return iconSize;
    }

    public void setIconSize(float iconSize) {
        this.iconSize = iconSize;
    }

    private float iconSize;

    private Drawable icon;
    private String label;

    public boolean isShortcut;

    public  Paint textPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    private Rect mTextBound = new Rect();

    private boolean noLabel,vibrateWhenLongPress;

    private float labelHeight;



    public AppItemView(Context context) {
        super(context);

        init();
    }

    public AppItemView(Context context, AttributeSet attrs) {
        super(context, attrs);

        init();
    }



    private void init(){
        setWillNotDraw(false);

        labelHeight = Tool.convertDpToPixel(14,getContext());

        textPaint.setTextSize(sp2px(getContext(),14));
        textPaint.setColor(Color.DKGRAY);
    }

    public static int sp2px(Context context, float spValue) {
        final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
        return (int) (spValue * fontScale + 0.5f);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
    }

    @Override
    protected void onDraw(Canvas canvas) {



        Drawable iconback = getResources().getDrawable(R.drawable.iconback);
        LayerDrawable appicon = new LayerDrawable(new Drawable[]{iconback, icon});
        appicon.setLayerGravity(0, Gravity.CENTER);
        appicon.setLayerGravity(1, Gravity.CENTER);

        if (label != null && !noLabel){
            textPaint.getTextBounds(label,0,label.length(),mTextBound);
        }

        //The height should be the same as they have the same text size.
        float mHeight = iconSize + (noLabel? 0 : labelHeight);
        float heightPadding = (getHeight() - mHeight)/2f;

        if (label != null && !noLabel) {
            float x = (getWidth()-mTextBound.width())/2f;
            if (x < 0)
                x = 0;
            canvas.drawText(label,x, getHeight() - heightPadding, textPaint);
        }




        if (appicon != null ) {
            canvas.save();
            canvas.translate((getWidth()-iconSize)/2,heightPadding);
            appicon.setLayerWidth(1, (int) iconSize);
            appicon.setLayerHeight(1, (int) iconSize);
            appicon.setBounds(0,0,(int)iconSize,(int)iconSize);
            appicon.draw(canvas);
            canvas.restore();
        }
    }



    public static class Builder{
        AppItemView view;

        public Builder(Context context){
            view = new AppItemView(context);


            float iconSize = Tool.convertDpToPixel(LauncherSettings.getInstance(view.getContext()).generalSettings.iconSize, view.getContext());
            view.setIconSize(iconSize);


        }

        public AppItemView getView(){
            return view;

        }


        public Builder setAppItem(AppManager.App app){
            view.setIcon(app.icon);
            view.setLabel(app.appName);



            return this;
        }

        public Builder withOnClickLaunchApp(final AppManager.App app){
            view.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    Tool.createScaleInScaleOutAnim(view, new Runnable() {
                        @Override
                        public void run() {
                            Tool.startApp(view.getContext(), app);
                        }
                    });
                }
            });
            return this;
        }

        public Builder withOnLongClickDrag(final AppManager.App app,final DragAction.Action action,@Nullable final OnLongClickListener eventAction){
            withOnLongClickDrag(Desktop.Item.newAppItem(app),action,eventAction);
            view.setScaleX(0.75f); // <- resized by scaling
            view.setScaleY(0.75f);
            return this;
        }

        public Builder withOnLongClickDrag(final Desktop.Item item, final DragAction.Action action, @Nullable final OnLongClickListener eventAction){

            view.setOnLongClickListener(new OnLongClickListener() {
                @Override
                public boolean onLongClick(View v) {
                    if (view.vibrateWhenLongPress)
                        v.performHapticFeedback(HapticFeedbackConstants.LONG_PRESS);
                    Intent i = new Intent();
                    i.putExtra("mDragData", item);
                    ClipData data = ClipData.newIntent("mDragIntent", i);
                    v.startDrag(data, new GoodDragShadowBuilder(v), new DragAction(action), 0);
                    if (eventAction != null)
                        eventAction.onLongClick(v);
                    return true;

                }
            });
            return this;
        }

        public Builder withOnTouchGetPosition(){
            view.setOnTouchListener(Tool.getItemOnTouchListener());
            return this;
        }

        public Builder setTextColor(@ColorInt int color){
            view.textPaint.setColor(color);
            return this;
        }

        public Builder setNoLabel(){
            view.noLabel = true;
            return this;
        }

        public Builder vibrateWhenLongPress(){
            view.vibrateWhenLongPress = true;
            return this;
        }

        public Builder setShortcutItem(final Intent intent){
            view.isShortcut = true;
            view.setScaleX(0.75f); // <- resized by scaling
            view.setScaleY(0.75f);
            view.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    Tool.createScaleInScaleOutAnim(view, new Runnable() {
                        @Override
                        public void run() {
                            view.getContext().startActivity(intent);



                        }
                    });
                }
            });
            view.setScaleX(0.75f); // <- resized by scaling
            view.setScaleY(0.75f);
            view.setIcon(Tool.getIconFromID(view.getContext(),intent.getStringExtra("shortCutIconID")));
            view.setLabel(intent.getStringExtra("shortCutName"));
            return this;

        }
    }


}

Please note the icons are being generated in JAVA NOT XML!

any help would be amazing!

Thanks in advance :)

Answer 1

Before creating the LayerDrawable you could wrap the icon inside a InsetDrawable like so:

Drawable iconWithPadding = new InsetDrawable(icon, paddingSize);
LayerDrawable appicon = new LayerDrawable(new Drawable[]{iconback, iconWithPadding});

That will effectively apply a padding to the icon.