Android自定义View——从零开始实现可展开收起的水平菜单栏

private int menuBackColor;//菜单栏背景色
private float menuStrokeSize;//菜单栏边框线的size
private int menuStrokeColor;//菜单栏边框线的颜色
private float menuCornerRadius;//菜单栏圆角半径

public HorizontalExpandMenu(Context context) {
super(context);
this.mContext = context;
init();
}

public H

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

开源分享完整内容戳这里

orizontalExpandMenu(Context context, AttributeSet attrs) {
super(context, attrs);
this.mContext = context;
this.mAttrs = attrs;
init();
}

private void init(){
TypedArray typedArray = mContext.obtainStyledAttributes(mAttrs, R.styleable.HorizontalExpandMenu);

defaultWidth = DpOrPxUtils.dip2px(mContext,200);
defaultHeight = DpOrPxUtils.dip2px(mContext,40);

menuBackColor = typedArray.getColor(R.styleable.HorizontalExpandMenu_back_color,Color.WHITE);
menuStrokeSize = typedArray.getDimension(R.styleable.HorizontalExpandMenu_stroke_size,1);
menuStrokeColor = typedArray.getColor(R.styleable.HorizontalExpandMenu_stroke_color,Color.GRAY);
menuCornerRadius = typedArray.getDimension(R.styleable.HorizontalExpandMenu_corner_radius,DpOrPxUtils.dip2px(mContext,20));
typedArray.recycle();
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int height = measureSize(defaultHeight, heightMeasureSpec);
int width = measureSize(defaultWidth, widthMeasureSpec);
viewHeight = height;
viewWidth = width;
setMeasuredDimension(viewWidth,viewHeight);

//布局代码中如果没有设置background属性则在此处添加一个背景
if(getBackground()==null){
setMenuBackground();
}
}

private int measureSize(int defaultSize, int measureSpec) {
int result = defaultSize;
int specMode = View.MeasureSpec.getMode(measureSpec);
int specSize = View.MeasureSpec.getSize(measureSpec);

if (specMode == View.MeasureSpec.EXACTLY) {
result = specSize;
} else if (specMode == View.MeasureSpec.AT_MOST) {
result = Math.min(result, specSize);
}
return result;
}

/**

  • 设置菜单背景,如果要显示阴影,需在onLayout之前调用
    */
    private void setMenuBackground(){
    GradientDrawable gd = new GradientDrawable();
    gd.setColor(menuBackColor);
    gd.setStroke((int)menuStrokeSize, menuStrokeColor);
    gd.setCornerRadius(menuCornerRadius);
    setBackground(gd);
    }
    }

attrs属性

<?xml version="1.0" encoding="utf-8"?>

在布局文件中使用

<com.anlia.expandmenu.widget.HorizontalExpandMenu
android:id="@+id/expandMenu1"
android:layout_width=“match_parent”
android:layout_height=“40dp”
android:layout_alignParentBottom=“true”
android:layout_marginBottom=“20dp”
android:layout_marginLeft=“15dp”
android:layout_marginRight=“15dp”>
</com.anlia.expandmenu.widget.HorizontalExpandMenu>

效果如图

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eaoLwwHw-163713852711

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现Android自定义放大缩小按钮,可以通过自定义View实现。下面是一个简单的实现方法: 1. 创建一个自定义View类,并继承Button类。 2. 在构造函数中初始化一些变量,如原始宽度、高度、放大后的宽度、高度等。 3. 重写onMeasure()方法,在该方法中设置View的宽度和高度。 4. 重写onDraw()方法,在该方法中实现绘制放大缩小的效果。 5. 重写onTouchEvent()方法,处理用户的触摸事件。 具体实现方法可以参考以下代码: ```java public class ZoomButton extends Button { private int mOriginalWidth; private int mOriginalHeight; private int mZoomWidth; private int mZoomHeight; public ZoomButton(Context context) { super(context); init(); } public ZoomButton(Context context, AttributeSet attrs) { super(context, attrs); init(); } public ZoomButton(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { // 初始化变量 mOriginalWidth = getWidth(); mOriginalHeight = getHeight(); mZoomWidth = (int) (mOriginalWidth * 1.2f); mZoomHeight = (int) (mOriginalHeight * 1.2f); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { // 设置View的宽度和高度 setMeasuredDimension(mOriginalWidth, mOriginalHeight); } @Override protected void onDraw(Canvas canvas) { // 绘制放大缩小的效果 if (isPressed()) { canvas.scale(1.2f, 1.2f, mOriginalWidth / 2, mOriginalHeight / 2); } super.onDraw(canvas); } @Override public boolean onTouchEvent(MotionEvent event) { // 处理用户的触摸事件 switch (event.getAction()) { case MotionEvent.ACTION_DOWN: setWidth(mZoomWidth); setHeight(mZoomHeight); break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: setWidth(mOriginalWidth); setHeight(mOriginalHeight); break; } return super.onTouchEvent(event); } } ``` 这样就实现了一个简单的自定义放大缩小按钮。 关于Android自定义View实现展开、会呼吸的按钮,可以参考以下步骤: 1. 创建一个自定义View类,并继承Button类。 2. 在构造函数中初始化一些变量,如默认状态的宽度、高度、展开后的宽度、高度等。 3. 重写onMeasure()方法,在该方法中设置View的宽度和高度。 4. 重写onDraw()方法,在该方法中实现绘制展开呼吸的效果。 5. 重写onTouchEvent()方法,处理用户的触摸事件。 具体实现方法可以参考以下代码: ```java public class ExpandButton extends Button { private int mDefaultWidth; private int mDefaultHeight; private int mExpandWidth; private int mExpandHeight; private int mState = STATE_DEFAULT; private static final int STATE_DEFAULT = 0; private static final int STATE_EXPAND = 1; public ExpandButton(Context context) { super(context); init(); } public ExpandButton(Context context, AttributeSet attrs) { super(context, attrs); init(); } public ExpandButton(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { // 初始化变量 mDefaultWidth = getWidth(); mDefaultHeight = getHeight(); mExpandWidth = (int) (mDefaultWidth * 1.2f); mExpandHeight = (int) (mDefaultHeight * 1.2f); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { // 设置View的宽度和高度 setMeasuredDimension(mDefaultWidth, mDefaultHeight); } @Override protected void onDraw(Canvas canvas) { // 绘制展开呼吸的效果 if (mState == STATE_EXPAND) { float scale = 1.0f + 0.05f * (float) Math.sin(System.currentTimeMillis() / 200.0f); canvas.scale(scale, scale, mDefaultWidth / 2, mDefaultHeight / 2); } super.onDraw(canvas); } @Override public boolean onTouchEvent(MotionEvent event) { // 处理用户的触摸事件 switch (event.getAction()) { case MotionEvent.ACTION_DOWN: if (mState == STATE_DEFAULT) { setWidth(mExpandWidth); setHeight(mExpandHeight); mState = STATE_EXPAND; } break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: if (mState == STATE_EXPAND) { setWidth(mDefaultWidth); setHeight(mDefaultHeight); mState = STATE_DEFAULT; } break; } return super.onTouchEvent(event); } } ``` 这样就实现了一个简单的自定义展开呼吸的按钮。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值