-3
A
回答
2
+1
感谢您的回答。我正在使用这个库来进行浮动动作菜单，但是我需要在工厂点击时使用黑色覆盖。在GIF中，您可以在制造商点击上看到黑色图层。 –
+1
我认为你应该尝试将你的晶圆厂包装到一个FrameLayout上，以匹配父级的宽度和高度，例如：http：//stackoverflow.com/questions/27992058/floating-action-button-and-white-background –
2
MaterialArcMenu.java
public class MaterialArcMenu extends FrameLayout implements View.OnClickListener,MaterialArcMenuItem.OnClickArcMenuItemListener {
private float mRadius;
private FloatingActionButton mHintButton;
private FrameLayout.LayoutParams params;
private FrameLayout transparentFrame;
private boolean isExpanded;
private Context context;
private Animator mCurrentAnimator;
float translateX,translateY;
private float scaleRatio;
public MaterialArcMenu(Context context) {
super(context);
if (!isInEditMode()) {
init(context);
}
}
public MaterialArcMenu(Context context, AttributeSet attrs) {
super(context, attrs);
if (attrs != null) {
TypedArray a = getContext().obtainStyledAttributes(attrs, R.styleable.ArcLayout, 0, 0);
a.recycle();
}
if (!isInEditMode()) {
init(context);
}
}
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
private void init(Context context){
this.context = context;
scaleRatio = 1.0f;
mRadius = getExactDp(R.dimen.d80dp);
transparentFrame = new FrameLayout(context);
params = new FrameLayout.LayoutParams(LayoutParams.MATCH_PARENT, RelativeLayout.LayoutParams.MATCH_PARENT);
transparentFrame.setLayoutParams(params);
transparentFrame.setBackgroundResource(R.color.transparent);
transparentFrame.setAlpha(0.0f);
this.addView(transparentFrame, 0);
params = new FrameLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
params.gravity = Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL;
params.setMargins(0, 0, 0, (int) getResources().getDimension(R.dimen.d80dp));
mHintButton = new FloatingActionButton(context);
mHintButton.setImageResource(R.drawable.ic_action_new);
mHintButton.setBackgroundTintList(ColorStateList.valueOf(ContextCompat.getColor(context, R.color.colorPrimary)));
mHintButton.setScaleX(0.8f * scaleRatio);
mHintButton.setScaleY(0.8f * scaleRatio);
mHintButton.setLayoutParams(params);
this.addView(mHintButton);
mHintButton.setOnClickListener(this);
isExpanded = false;
}
public void setRadius(int radius){
this.mRadius = radius;
}
public void addItem(MaterialArcMenuItem menuItem){
params = new FrameLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
params.gravity = Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL;
params.setMargins(0, 0, 0, (int) getResources().getDimension(R.dimen.d80dp));
menuItem.setLayoutParams(params);
this.addView(menuItem);
menuItem.setAlpha(0.0f);
menuItem.setOnClickArcMenuItemListener(this);
mHintButton.bringToFront();
}
@Override
public void onClick(View v) {
if (mCurrentAnimator == null) {
startHintButtonAnimation(v);
if (!isExpanded) {
startOpeningAnimation();
} else {
startClosingAnimation();
}
}
}
private void startOpeningAnimation(){
isExpanded = true;
transparentFrame.setAlpha(0.2f);
ArrayList<ObjectAnimator> arrayListObjectAnimators = new ArrayList<ObjectAnimator>(); //ArrayList of ObjectAnimators
int itemCount = getChildCount()-2;
float radius = convertDpToPixel(mRadius);
float angle = 180.0f;
float paddingAngle = 180.0f /(itemCount-1);
angle = angle -paddingAngle;
long delay = 0;
for(int i=1;i<itemCount+1;i++){
View view = getChildAt(i);
angle = (angle+paddingAngle);
translateX = (float) (0.0f + radius * Math.cos(angle * (Math.PI/180)));
translateY = (float) (0.0f + radius * Math.sin(angle * (Math.PI/180)));
float tranX = (float) (0.0f + (radius+20.0f) * Math.cos(angle * (Math.PI/180)));
float tranY = (float) (0.0f + (radius+20.0f) * Math.sin(angle * (Math.PI/180)));
PropertyValuesHolder alpha = PropertyValuesHolder.ofFloat(View.ALPHA, 0.0f, 1f);
ObjectAnimator alphaAnimator = ObjectAnimator.ofPropertyValuesHolder(view, alpha);
arrayListObjectAnimators.add(alphaAnimator);
PropertyValuesHolder transX = PropertyValuesHolder.ofFloat(View.TRANSLATION_X, 0, tranX);
PropertyValuesHolder transY = PropertyValuesHolder.ofFloat(View.TRANSLATION_Y, 0, tranY);
PropertyValuesHolder rotate = PropertyValuesHolder.ofFloat(View.ROTATION, 180, 360);
ObjectAnimator translateAnimator = ObjectAnimator.ofPropertyValuesHolder(view, transX, transY, rotate);
translateAnimator.setDuration(200);
translateAnimator.setStartDelay(delay);
translateAnimator.setInterpolator(new LinearInterpolator());
arrayListObjectAnimators.add(translateAnimator);
PropertyValuesHolder aftertransX = PropertyValuesHolder.ofFloat(View.TRANSLATION_X, tranX, translateX);
PropertyValuesHolder aftertransY = PropertyValuesHolder.ofFloat(View.TRANSLATION_Y, tranY, translateY);
ObjectAnimator aftertranslateAnimator = ObjectAnimator.ofPropertyValuesHolder(view, aftertransX, aftertransY);
aftertranslateAnimator.setDuration(100);
aftertranslateAnimator.setStartDelay(200 + delay);
aftertranslateAnimator.setInterpolator(new LinearInterpolator());
arrayListObjectAnimators.add(aftertranslateAnimator);
delay = delay + 50;
view.setTag(new Point(translateX, translateY));
}
ObjectAnimator[] objectAnimators = arrayListObjectAnimators.toArray(new ObjectAnimator[arrayListObjectAnimators.size()]);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.playTogether(objectAnimators);
animatorSet.setInterpolator(new LinearInterpolator());
mCurrentAnimator = animatorSet;
animatorSet.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
mCurrentAnimator = null;
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
});
animatorSet.start();
transparentFrame.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if (mCurrentAnimator == null) {
startClosingAnimation();
}
}
});
}
private void startClosingAnimation(){
isExpanded = false;
ArrayList<ObjectAnimator> arrayListObjectAnimators = new ArrayList<ObjectAnimator>(); //ArrayList of ObjectAnimators
int itemCount = getChildCount()-2;
long delay = 0;
for(int i=itemCount;i>=1;i--){
View view = getChildAt(i);
Point point = (Point) view.getTag();
PropertyValuesHolder rotate = PropertyValuesHolder.ofFloat(View.ROTATION, 0, 180);
ObjectAnimator rotateAnimator = ObjectAnimator.ofPropertyValuesHolder(view,rotate);
rotateAnimator.setDuration(100); // 1 second
//rotateAnimator.setRepeatMode(ValueAnimator.INFINITE);
rotateAnimator.setStartDelay(delay);
rotateAnimator.setInterpolator(new LinearInterpolator());
arrayListObjectAnimators.add(rotateAnimator);
PropertyValuesHolder transX = PropertyValuesHolder.ofFloat(View.TRANSLATION_X, point.getTranslateX(), 0);
PropertyValuesHolder transY = PropertyValuesHolder.ofFloat(View.TRANSLATION_Y, point.getTranslateY(), 0);
ObjectAnimator translateAnimator = ObjectAnimator.ofPropertyValuesHolder(view, transX, transY);
translateAnimator.setDuration(200); // 1 second
translateAnimator.setStartDelay(100 + delay);
translateAnimator.setInterpolator(new LinearInterpolator());
arrayListObjectAnimators.add(translateAnimator);
PropertyValuesHolder alpha = PropertyValuesHolder.ofFloat(View.ALPHA, 1f, 0.0f);
ObjectAnimator alphaAnimator = ObjectAnimator.ofPropertyValuesHolder(view, alpha);
alphaAnimator.setStartDelay(300 + delay); // 1 second
arrayListObjectAnimators.add(alphaAnimator);
delay = delay + 50;
}
ObjectAnimator[] objectAnimators = arrayListObjectAnimators.toArray(new ObjectAnimator[arrayListObjectAnimators.size()]);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.playTogether(objectAnimators);
animatorSet.setInterpolator(new LinearInterpolator());
mCurrentAnimator = animatorSet;
animatorSet.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
transparentFrame.setAlpha(0.0f);
mCurrentAnimator = null;
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
});
animatorSet.start();
transparentFrame.setOnClickListener(null);
transparentFrame.setClickable(false);
}
private void startHidingAnimation() {
isExpanded = false;
ArrayList<ObjectAnimator> arrayListObjectAnimators = new ArrayList<ObjectAnimator>(); //ArrayList of ObjectAnimators
int itemCount = getChildCount() - 2;
for (int i = itemCount; i >= 1; i--) {
View view = getChildAt(i);
Point point = (Point) view.getTag();
PropertyValuesHolder alpha = PropertyValuesHolder.ofFloat(View.ALPHA, 1f, 0.0f);
ObjectAnimator alphaAnimator = ObjectAnimator.ofPropertyValuesHolder(view, alpha);
arrayListObjectAnimators.add(alphaAnimator);
PropertyValuesHolder transX = PropertyValuesHolder.ofFloat(View.TRANSLATION_X, point.getTranslateX(), 0);
PropertyValuesHolder transY = PropertyValuesHolder.ofFloat(View.TRANSLATION_Y, point.getTranslateY(), 0);
ObjectAnimator translateAnimator = ObjectAnimator.ofPropertyValuesHolder(view, transX, transY);
arrayListObjectAnimators.add(translateAnimator);
}
ObjectAnimator[] objectAnimators = arrayListObjectAnimators.toArray(new ObjectAnimator[arrayListObjectAnimators.size()]);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.playTogether(objectAnimators);
animatorSet.setInterpolator(new AccelerateInterpolator());
mCurrentAnimator = animatorSet;
animatorSet.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
transparentFrame.setAlpha(0.0f);
mCurrentAnimator = null;
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
});
animatorSet.start();
transparentFrame.setOnClickListener(null);
transparentFrame.setClickable(false);
}
private void startHintButtonAnimation(View view){
view.clearAnimation();
RotateAnimation rotateAnimation = new RotateAnimation(0,360, view.getPivotX(),view.getPivotY());
rotateAnimation.setDuration(200);
view.setAnimation(rotateAnimation);
rotateAnimation.start();
}
@Override
public void onClickArcMenuItem() {
startHidingAnimation();
}
@Override
public boolean isArcMenuAnimating() {
return mCurrentAnimator != null;
}
class Point{
private float translateX;
private float translateY;
public Point(float translateX,float translateY){
this.translateX = translateX;
this.translateY = translateY;
}
public float getTranslateX(){
return translateX;
}
public float getTranslateY(){
return translateY;
}
}
public float getExactDp(int dimensionResource) {
return getContext().getResources().getDimension(dimensionResource)/context.getResources().getDisplayMetrics().density;
}
public float convertDpToPixel(float dp){
Resources resources = getContext().getResources();
DisplayMetrics metrics = resources.getDisplayMetrics();
float px = dp * ((float)metrics.densityDpi/DisplayMetrics.DENSITY_DEFAULT);
return px;
}
}
MaterialArcMenuItem.java
public class MaterialArcMenuItem extends FloatingActionButton {
private OnClickArcMenuItemListener onClickArcMenuItemListener;
private float scaleRatio;
public MaterialArcMenuItem(Context context, int imageResource) {
super(context);
init(imageResource, context);
}
public MaterialArcMenuItem(Context context, AttributeSet attrs,int imageResource) {
super(context, attrs);
init(imageResource, context);
}
public MaterialArcMenuItem(Context context, AttributeSet attrs, int defStyleAttr,int imageResource) {
super(context, attrs, defStyleAttr);
init(imageResource, context);
}
private void init(int imageResource, Context context) {
setImageResource(imageResource);
scaleRatio = 1.0f;
setBackgroundTintList(ColorStateList.valueOf(ContextCompat.getColor(context, R.color.colorPrimary)));
setScaleX(0.8f * scaleRatio);
setScaleY(0.8f * scaleRatio);
}
public void setOnClickArcMenuItemListener(OnClickArcMenuItemListener onClickArcMenuItemListener){
this.onClickArcMenuItemListener = onClickArcMenuItemListener;
}
public void setArcMenuItemOnClickListener(final OnClickListener listener){
this.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if (!onClickArcMenuItemListener.isArcMenuAnimating()) {
startArcMenuItemAnimation(v, listener);
}
}
});
}
private void startArcMenuItemAnimation(final View view, final OnClickListener listener){
PropertyValuesHolder transX = PropertyValuesHolder.ofFloat(View.SCALE_X, 0.8f * scaleRatio, 1.5f * scaleRatio);
PropertyValuesHolder transY = PropertyValuesHolder.ofFloat(View.SCALE_Y, 0.8f * scaleRatio, 1.5f * scaleRatio);
PropertyValuesHolder rotate = PropertyValuesHolder.ofFloat(View.ROTATION, 360, 0);
ObjectAnimator expandAnimator = ObjectAnimator.ofPropertyValuesHolder(view, transX, transY);
ObjectAnimator rotateAnimator = ObjectAnimator.ofPropertyValuesHolder(view,rotate);
//rotateAnimator.setRepeatMode(ValueAnimator.INFINITE);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.setDuration(200);
animatorSet.playTogether(rotateAnimator, expandAnimator);
animatorSet.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
view.setScaleX(0.8f * scaleRatio);
view.setScaleY(0.8f * scaleRatio);
listener.onClick(view);
onClickArcMenuItemListener.onClickArcMenuItem();
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
});
animatorSet.start();
}
public interface OnClickArcMenuItemListener{
public void onClickArcMenuItem();
public boolean isArcMenuAnimating();
}
}
添加项目&处理点击：
MaterialArcMenuItem materialArcMenuItem = new MaterialArcMenuItem(this, R.drawable.your_icon);
arcMenu.addItem(materialArcMenuItem);
materialArcMenuItem.setArcMenuItemOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {}
});
+0
不完美但我用ViewAnimationUtils.createCircularReveal处理了上述效果。 –
相关问题
- 1. 覆盖线性浮动按钮布局
- 2. 覆盖菜单按钮动作
- 3. Android上的Espresso UI测试浮动操作按钮菜单项
- 4. 抽屉菜单上的浮动操作按钮
- 5. 如何在框架布局中滚动浮动操作菜单
- 6. Android按钮浮动布局
- 7. 带上下文菜单和按需表单的浮动按钮
- 8. 浮动动作按钮子菜单
- 9. 菜单按钮布局
- 10. 侧面菜单上的按钮布局
- 11. 不能把浮动操作按钮在两个布局
- 12. 创建CardView布局和浮动操作按钮的Android
- 13. 相对布局按钮互相覆盖
- 14. 浮动操作按钮
- 15. 如何使浮动操作按钮变成了菜单
- 16. 在浮动操作按钮内创建菜单
- 17. 我们如何可以把任何布局上的浮动动作按钮
- 18. 需要在布局中动态设置单选按钮horizontaly：android
- 19. Android，布局：如何让我的按钮覆盖axml中的现有布局？
- 20. 布局覆盖
- 21. 指定覆盖操作栏布局上边距
- 22. 菜单按钮控制隐形布局
- 23. 如何把一个透明的布局浮动动作按钮
- 24. Bootstrap覆盖菜单更改拖动按钮？
- 25. 如何改变浮动操作菜单
- 26. 一个按钮内的svg覆盖文本，但我需要它浮在按钮内
- 27. 获得两个布局之间的浮动操作按钮，这已经抬高
- 28. 覆盖操作栏上的硬件后退按钮的行为
- 29. 覆盖后退按钮默认活动堆栈操作
- 30. 浮动操作按钮库在Eclipse中
你必须研究塔t，在这个网站中，我们会帮你解决代码中的问题，无论如何我会分享一个可用的浮动菜单链接选择作为你的要求https://android-arsenal.com/search?q=Floating – Nithinlal
你可以为此创建您自己的自定义视图。我在我的项目中也做了这些，但唯一不同的是菜单项从FAB以弧形方式打开。 –
@AishwaryaTiwari你能为我提供代码吗？这对我有帮助。谢谢。 :) –