android 底部view,android自定义view、viewgroup、复合组件-实现底部菜单（1）

最新推荐文章于 2023-03-10 10:42:57 发布
最新推荐文章于 2023-03-10 10:42:57 发布
阅读量80 收藏
点赞数
文章标签： android 底部view

本文侧重写纯java代码，用xml配置文件，自己稍微做修改

自定义红点的imageview

RedTipImageView.java

import android.content.Context;

import android.content.res.TypedArray;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.util.AttributeSet;

import android.widget.ImageView;

import com.youapp.app.R;

/**

* Created by moziqi on 2015/11/12.

* 小红点

*/

public class RedTipImageView extends ImageView implements GeneralView {

private int tipVisibility = 0;

private TipType mTipType = TipType.RED_TIP_INVISIBLE;

public RedTipImageView(Context context) {

this(context, null, 0);

}

public RedTipImageView(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public RedTipImageView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

init(context, attrs);

}

@Override

public void init(Context context) {

}

/**

* 利用配置文件操作

*

* @param context

* @param attrs

*/

@Override

public void init(Context context, AttributeSet attrs) {

if (attrs != null) {

TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.RedTipImageView);

tipVisibility = typedArray.getInt(R.styleable.RedTipImageView_redTipsVisibility, 0);

typedArray.recycle();

}

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

if (tipVisibility == TipType.RED_TIP_VISIBLE.getCode() || mTipType == TipType.RED_TIP_VISIBLE) {

int width = getWidth();

int y = 10;

Paint paint = new Paint();

paint.setColor(Color.RED);

paint.setAntiAlias(false);

paint.setDither(true);

paint.setStyle(Paint.Style.FILL_AND_STROKE);

canvas.drawCircle(width - y, y, y / 2, paint);

}

}

public void setTipVisibility(int visibility) {

tipVisibility = visibility;

invalidate();

}

public void setTipVisibility(TipType tipType) {

if (tipType == null) {

throw new NullPointerException();

}

this.mTipType = tipType;

invalidate();

}

/**

* 红点类型

*/

public enum TipType {

RED_TIP_INVISIBLE(0),//不显示

RED_TIP_VISIBLE(1),//显示

RED_TIP_GONE(2);//不显示

private int code;

TipType(int code) {

this.code = code;

}

public int getCode() {

return code;

}

}

}

attrs.xml

定义底部的item复合组件

BottomItemView.java

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.drawable.Drawable;

import android.util.AttributeSet;

import android.view.Gravity;

import android.view.LayoutInflater;

import android.view.View;

import android.widget.ImageView;

import android.widget.LinearLayout;

import android.widget.TextView;

import com.youapp.app.R;

/**

* Created by moziqi on 2015/11/12.

* 定义底部菜单item

*/

public class BottomItemView extends LinearLayout implements GeneralView {

private Context mContext;

private RedTipImageView mRedTipImageView;

private TextView mTextView;

//判断当前是否有焦点

private boolean isFocusable = false;

public int focusableResId;

public int unFocusableResId;

public BottomItemView(Context context) {

this(context, null, 0);

}

public BottomItemView(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public BottomItemView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

//2个init都可以使用，看个人喜欢

init(context, attrs);

//图片自适应拉伸

mRedTipImageView.setScaleType(ImageView.ScaleType.FIT_XY);

//取消事件触发

mRedTipImageView.setFocusable(false);

mRedTipImageView.setClickable(false);

mTextView.setFocusable(false);

mTextView.setClickable(false);

}

/**

* 纯代码实现

*

* @param context

*/

@Override

public void init(Context context) {

mContext = context;

setOrientation(VERTICAL);

mRedTipImageView = new RedTipImageView(mContext);

mTextView = new TextView(mContext);

LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);

layoutParams.gravity = Gravity.CENTER;

addView(mTextView, layoutParams);

//设置外边距

//mRedTipImageView.setLayoutParams(layoutParams);

layoutParams.setMargins(10, 10, 10, 10);

mRedTipImageView.setLayoutParams(layoutParams);

addView(mRedTipImageView, layoutParams);

}

/**

* 使用xml配置文件

*

* @param context

*/

@Override

public void init(Context context, AttributeSet attrs) {

mContext = context;

LayoutInflater mLayoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

View rootView = mLayoutInflater.inflate(R.layout.view_bottom_item, this);

mRedTipImageView = (RedTipImageView) rootView.findViewById(R.id.iv_view_bottom_item);

mTextView = (TextView) rootView.findViewById(R.id.tv_view_bottom_item);

}

public void setViewFocusable(boolean isFocusable) {

this.isFocusable = isFocusable;

}

/**

* 设置Drawable类型

*

* @param focusableDrawable

* @param unFocusableDrawable

*/

public void setIcon(Drawable focusableDrawable, Drawable unFocusableDrawable) {

if (isFocusable) {

setIcon(focusableDrawable);

} else {

setIcon(unFocusableDrawable);

}

}

/**

* 设置ResId

* BottomView使用id

*

* @param focusableResId

* @param unFocusableResId

*/

public void setIcon(int focusableResId, int unFocusableResId) {

this.focusableResId = focusableResId;

this.unFocusableResId = unFocusableResId;

if (isFocusable) {

setIcon(focusableResId);

} else {

setIcon(unFocusableResId);

}

}

/**

* 设置Bitmap类型

*

* @param focusableBitmap

* @param unFocusableBitmap

*/

public void setIcon(Bitmap focusableBitmap, Bitmap unFocusableBitmap) {

if (isFocusable) {

setIcon(focusableBitmap);

} else {

setIcon(unFocusableBitmap);

}

}

public void setIcon(Drawable drawable) {

mRedTipImageView.setImageDrawable(drawable);

}

public void setIcon(int resId) {

if (focusableResId == resId) {

//TODO 设置字体颜色

mTextView.setTextColor(Color.BLUE);

} else {

mTextView.setTextColor(Color.GRAY);

}

mRedTipImageView.setImageResource(resId);

}

public void setIcon(Bitmap bitmap) {

mRedTipImageView.setImageBitmap(bitmap);

}

/**

* 设置红点提示

*

* @param tipType

*/

public void setTipVisibility(RedTipImageView.TipType tipType) {

mRedTipImageView.setTipVisibility(tipType);

}

/**

* 设置文字

*

* @param text

*/

public void setText(String text) {

mTextView.setText(text);

}

/**

* 设置文字

*

* @param resId

*/

public void setText(int resId) {

mTextView.setText(resId);

}

}

view_bottom_item.xml

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="vertical">

android:id="@+id/iv_view_bottom_item"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center" />

android:id="@+id/tv_view_bottom_item"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center" />

BottomView.java

import android.content.Context;

import android.util.AttributeSet;

import android.util.Log;

import android.view.View;

import android.widget.LinearLayout;

import java.util.ArrayList;

import java.util.List;

/**

* Created by moziqi on 2015/11/17.

*/

public class BottomView extends LinearLayout implements GeneralView, View.OnClickListener {

private final static String TAG = "BottomView";

private Context mContext;

private AttributeSet mAttrs;

private OnItemClickListener listener;

private List ids;

public BottomView(Context context) {

this(context, null, 0);

}

public BottomView(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public BottomView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

init(context, attrs);

ids = new ArrayList<>();

}

@Override

public void init(Context context) {

}

@Override

public void init(Context context, AttributeSet attrs) {

mContext = context;

mAttrs = attrs;

setOrientation(HORIZONTAL);

}

public BottomView addBottomView(int title, int focusableResId, int unFocusableResId) {

addBottomView(title, focusableResId, unFocusableResId, false);

return this;

}

public BottomView addBottomView(int title, final int focusableResId, final int unFocusableResId, final boolean focusable) {

BottomItemView bottomItemView = new BottomItemView(mContext, mAttrs);

LayoutParams layoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);

layoutParams.weight = 1;

bottomItemView.setText(title);

//设置id

bottomItemView.setId(focusableResId);

ids.add(focusableResId);

bottomItemView.setViewFocusable(focusable);

bottomItemView.setIcon(focusableResId, unFocusableResId);

bottomItemView.setOnClickListener(this);

addView(bottomItemView, layoutParams);

return this;

}

@Override

public void onClick(View v) {

//TODO 这里可能会比较耗时，博主是菜鸟，用途是判断当前点击那一个

for (int i = 0; i 

BottomItemView childAt = (BottomItemView) getChildAt(i);

if (ids.get(i) == v.getId()) {

childAt.setIcon(childAt.focusableResId);

if (listener != null) {

//回调

listener.onItemClick(i);

Log.e(TAG, "current id is " + i);

}

} else {

childAt.setIcon(childAt.unFocusableResId);

}

}

}

/**

* 设置底部菜单是否有消息推送过来，存在就显示红点

*

* @param position

* @param tipType

*/

public void setPositionRedTip(int position, RedTipImageView.TipType tipType) {

BottomItemView childAt = (BottomItemView) getChildAt(position);

childAt.setTipVisibility(tipType);

}

public void setOnItemClickListener(OnItemClickListener onItemClickListener) {

listener = onItemClickListener;

}

public interface OnItemClickListener {

void onItemClick(int position);

}

}

装载请表明来之http://my.oschina.net/moziqi/blog/530998

weixin_39939904
关注
lsitview未满一屏添加footerview满一屏固定下方布局
03-14
对于Listview未满一屏添加footerView 满了一屏幕将View固定在屏幕下方的解决方案
android由底部显示view,Android 底部View 平滑显示
weixin_35219482的博客
05-27 227
布局 第一种 简短位移动画final View bot = findViewById(R.id.bot);Button but = findViewById(R.id.but);bot.setTranslationY(600);but.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v...
android 底部view,Android 开发之BottomBar+ViewPager+Fragment实现炫酷的底部导航效果
weixin_28685483的博客
05-26 277
BottomBarBottomBar是Github上的一个开源框架，因为从1.3.3开始不支持fragments了，要自己配置，弄了很久，不管是app的fragment还是V4 的程序总是总是闪退。于是就用这种方式实现了，效果还不错。github有详细说明，多余的就不说了。这个roughike是这个项目的所有者(大神致敬)。我用的是Android studio开发，fragment全部导的V4的包...
android由底部显示view,Android ScrollView显示到底部或任意位置实现代码
weixin_35252964的博客
05-27 347
Android ScrollView显示到底部或任意位置其实使ScrollView显示底部并不难。它有自己的方法fullScroll()：1、显示顶部：scrollView.fullScroll(ScrollView.FOCUS_UP);2、显示底部：scrollView.fullScroll(ScrollView.FOCUS_DOWN);但是，有一点一定需要注意。这个方法不能直接调用，因为在An...
Android 自定义ViewGroup 实战篇 -> 实现FlowLayout源码程序
08-04
在Android开发中，自定义ViewGroup是实现复杂布局和交互的关键技术之一。本实战篇将聚焦于如何实现一个名为FlowLayout的自定义布局，它允许子视图按行排列，类似于HTML中的`<div>`标签。在Android应用设计中，...
Android自定义ViewGroup实现带箭头的圆角矩形菜单
01-04
就是声明一下你的这个自定义View有哪些可配置的属性，将来使用的时候可以自由配置。这里声明了7个属性，分别是：箭头宽度、箭头高度、箭头水平偏移、圆角半径、菜单背景色、阴影色、阴影厚度。 <resour
Android自定义ViewGroup实现标签浮动效果
01-06
前面在学习鸿洋大神的一些自定义的View文章，看到了自定义ViewGroup实现浮动标签，初步看了下他的思路以及结合自己的思路完成了自己的浮动标签的自定义ViewGroup。目前实现的可以动态添加标签、可点击。效果图如下：...
Android App开发中自定义View和ViewGroup的实例教程
09-02
在Android应用开发中，自定义View和ViewGroup是提升用户界面独特性和功能性的关键步骤。本文将深入探讨如何实现这两个核心组件的自定义，并通过实际的进度条和图片上传及排列示例进行讲解。 首先，了解View。...
Android-BottomNavigation仿照闲鱼的底部菜单栏可以自定义数目大小
08-12
本项目"Android-BottomNavigation"旨在模仿闲鱼App的底部菜单栏，允许开发者根据需求自定义菜单的数量和大小，以满足更加个性化的界面设计。 在Android开发中，实现自定义BottomNavigationView的关键知识点包括： ...
android底部弹出view,View的绘制(3)-利用decorView机制实现底部弹出框
weixin_33481022的博客
05-26 447
主目录见：Android高级进阶知识(这是总目录索引)分析那么多的源码，我只想说一句：Talk is cheap!!! Show me the code!!!!千年码农.png已经按捺不住心中写代码的热情，那我们就开始我们的代码之旅。。。一.目标1.利用《SnackBar的源码分析》的知识好吧！这是今天的唯一目标，效果如下,当然你可以用这个机制做出更酷炫吊炸天的效果，但是不要在意:底部弹出框.pn...
android自定义view、viewgroup、复合组件-实现底部菜单（1）
chiyingliao3565的博客
11-16 126
本文侧重写纯java代码，用xml配置文件，自己稍微做修改 自定义红点的imageview RedTipImageView.java importandroid.content.Context; importandroid.content.res.TypedArray; import...
android 每个界面底部添加view,在底部添加几个View控件
weixin_30289299的博客
05-26 479
运行效果：image.png在底部添加几个view控件TabBarViewpublic class TabBarView extends ViewGroup {//保存所有标签的模型数据private ArrayList items;public TabBarView(Context context) {super(context);}public TabBarView(Context conte...
Android开发教程：自定义ViewGroup方法总结
专注Android开发
11-22 657
应用中需要添加一个滑动按钮，在网上看了几个Demo之后决定自定义ViewGroup来实现。 这里是对实现过程中自定义ViewGroup的方法总结。 关于ViewGroup，文档给出的描述是： A ViewGroup is a special view that can contain other views (called children.) The view group is
Android底部导航栏之BottomNavigationView
最新发布
u010855711的博客
03-10 3188
Android底部导航栏之BottomNavigationView
Android底部弹出选择框PickerView的使用
m0_58941767的博客
09-15 5052
本次主要介绍Android中底部弹出框的使用，使用两个案例来说明，首先是时间选择器，然后是自定义底部弹出框的选择器，以下来一一说明他们的使用方法。一、时间选择器首先这次用到的xml文件如下
Android底部导航栏BottomNavigationView的使用
a1436237789的博客
12-30 659
Android底部导航栏BottomNavigationView的使用
关于安卓弹窗，底部菜单等用动态添加布局的方式实现
u011334510的博客
08-18 481
说起实现一个弹窗的效果～你会想到什么实现方式呢？ 用PopupWindow 或AlertDialog 或在布局文件添加一个布局隐藏或者显示等等，实现的方式很多 用popupWindow 和AlertDialog很方便，但代码不便于复用，扩展性不好，会出现一些输入焦点的问题。并且样式修改困难。 如果直接写在布局文件里，用显示隐藏的方式，还是不便于代码复用。 所以我想到了一种思路，动态的添加布局，并且把这整个布局显示隐藏或移除添加以及添加到activity的逻辑封装到一起作为基类。 实现类只需要实现弹
Android 底部导航栏（二、自定义View+Fragment）
Android 领域开发程序员，希望通过写博客的方式不断的总结提升自己，大家共同进步哦！
11-02 2636
总结：我这上面只实现了简单的点击切换，用自定义View来实现底部导航栏，很自由，可以实现一些稀奇古怪的需求，但是很多方法的回调，切换时的动画，就需要自己去实现，可能会相对复杂一些。最后加上Fragment的切换，点击监听等等，坏处的话就是自己写的，可能没有封装好的那么完善，很多方法，状态需要自己去写。上一片文章用的是BottomNavigationView+Menu+Fragment，但是可能有时候需求不一样，menu的样式不太够，所以需要自定义View来实现。
Android自定义View实现卫星菜单教程与代码详解
本文档深入探讨了如何在Android开发中实现卫星菜单效果，利用自定义View进行定制。作者结合了自己的学习经历，参考了《android群英传》、鸿洋大神和wing大神的文章，通过实践创建了一个自定义的View，并将其分享出来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值