AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Android 使用自定义Dialog打造iphone 的ActionSheet菜单

2014-11-19 2909
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

转载请注明出处：http://blog.csdn.net/bbld_/article/details/39124097


前言


这几天用到了github上的一个仿IOS的ActionSheet(ActionSheetForAndroid)控件,它是使用Fragment实现的，由于我的主界面也是由几个Fragment来做，所以这样会造成FragmentManager出现一些问题。所以就把它的实现方式改为由自定义Dialog来实现，保留它的主题属性方便修改样式，同时去除Fragmrnt部分，增加可用性。


实现


[java]  view plain copy
  1. package com.roc.actionsheet;  
  2.   
  3. import java.util.Arrays;  
  4. import java.util.List;  
  5.   
  6. import android.app.Activity;  
  7. import android.app.Dialog;  
  8. import android.content.Context;  
  9. import android.content.res.TypedArray;  
  10. import android.graphics.Color;  
  11. import android.graphics.drawable.ColorDrawable;  
  12. import android.graphics.drawable.Drawable;  
  13. import android.graphics.drawable.StateListDrawable;  
  14. import android.util.TypedValue;  
  15. import android.view.Gravity;  
  16. import android.view.View;  
  17. import android.view.View.OnClickListener;  
  18. import android.view.ViewGroup.LayoutParams;  
  19. import android.view.animation.AlphaAnimation;  
  20. import android.view.animation.Animation;  
  21. import android.view.animation.TranslateAnimation;  
  22. import android.view.inputmethod.InputMethodManager;  
  23. import android.widget.Button;  
  24. import android.widget.FrameLayout;  
  25. import android.widget.LinearLayout;  
  26.   
  27. /** 
  28.  * ActionSheet 
  29.  *  
  30.  * @author Mr.Zheng 
  31.  * @date 2014年9月7日 下午11:15:54 
  32.  */  
  33. public class ActionSheet extends Dialog implements OnClickListener  
  34. {  
  35.     /* 控件的id */  
  36.     private static final int CANCEL_BUTTON_ID = 100;  
  37.     private static final int BG_VIEW_ID = 10;  
  38.     private static final int TRANSLATE_DURATION = 300;  
  39.     private static final int ALPHA_DURATION = 300;  
  40.   
  41.     private Context mContext;  
  42.     private Attributes mAttrs;  
  43.     private MenuItemClickListener mListener;  
  44.     private View mView;  
  45.     private LinearLayout mPanel;  
  46.     private View mBg;  
  47.     private List<String> items;  
  48.     private String cancelTitle = "";  
  49.     private boolean mCancelableOnTouchOutside;  
  50.     private boolean mDismissed = true;  
  51.     private boolean isCancel = true;  
  52.   
  53.     public ActionSheet(Context context)  
  54.     {  
  55.         super(context, android.R.style.Theme_Light_NoTitleBar);// 全屏  
  56.         this.mContext = context;  
  57.         initViews();  
  58.         getWindow().setGravity(Gravity.BOTTOM);  
  59.         Drawable drawable = new ColorDrawable();  
  60.         drawable.setAlpha(0);// 设置透明背景  
  61.         getWindow().setBackgroundDrawable(drawable);  
  62.     }  
  63.   
  64.     public void initViews()  
  65.     {  
  66.         /* 隐藏软键盘 */  
  67.         InputMethodManager imm = (InputMethodManager) mContext.getSystemService(Context.INPUT_METHOD_SERVICE);  
  68.         if (imm.isActive())  
  69.         {  
  70.             View focusView = ((Activity) mContext).getCurrentFocus();  
  71.             if (focusView != null)  
  72.                 imm.hideSoftInputFromWindow(focusView.getWindowToken(), 0);  
  73.         }  
  74.         mAttrs = readAttribute();// 获取主题属性  
  75.         mView = createView();  
  76.         mBg.startAnimation(createAlphaInAnimation());  
  77.         mPanel.startAnimation(createTranslationInAnimation());  
  78.     }  
  79.   
  80.     private Animation createTranslationInAnimation()  
  81.     {  
  82.         int type = TranslateAnimation.RELATIVE_TO_SELF;  
  83.         TranslateAnimation an = new TranslateAnimation(type, 0, type, 0, type, 1, type, 0);  
  84.         an.setDuration(TRANSLATE_DURATION);  
  85.         return an;  
  86.     }  
  87.   
  88.     private Animation createAlphaInAnimation()  
  89.     {  
  90.         AlphaAnimation an = new AlphaAnimation(0, 1);  
  91.         an.setDuration(ALPHA_DURATION);  
  92.         return an;  
  93.     }  
  94.   
  95.     private Animation createTranslationOutAnimation()  
  96.     {  
  97.         int type = TranslateAnimation.RELATIVE_TO_SELF;  
  98.         TranslateAnimation an = new TranslateAnimation(type, 0, type, 0, type, 0, type, 1);  
  99.         an.setDuration(TRANSLATE_DURATION);  
  100.         an.setFillAfter(true);  
  101.         return an;  
  102.     }  
  103.   
  104.     private Animation createAlphaOutAnimation()  
  105.     {  
  106.         AlphaAnimation an = new AlphaAnimation(1, 0);  
  107.         an.setDuration(ALPHA_DURATION);  
  108.         an.setFillAfter(true);  
  109.         return an;  
  110.     }  
  111.   
  112.     /** 
  113.      * 创建基本的背景视图 
  114.      */  
  115.     private View createView()  
  116.     {  
  117.         FrameLayout parent = new FrameLayout(mContext);  
  118.         FrameLayout.LayoutParams parentParams = new FrameLayout.LayoutParams(LayoutParams.MATCH_PARENT,  
  119.                 LayoutParams.MATCH_PARENT);  
  120.         parentParams.gravity = Gravity.BOTTOM;  
  121.         parent.setLayoutParams(parentParams);  
  122.         mBg = new View(mContext);  
  123.         mBg.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));  
  124.         mBg.setBackgroundColor(Color.argb(136, 0, 0, 0));  
  125.         mBg.setId(BG_VIEW_ID);  
  126.         mBg.setOnClickListener(this);  
  127.   
  128.         mPanel = new LinearLayout(mContext);  
  129.         FrameLayout.LayoutParams mPanelParams = new FrameLayout.LayoutParams(  
  130.                 FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.WRAP_CONTENT);  
  131.         mPanelParams.gravity = Gravity.BOTTOM;  
  132.         mPanel.setLayoutParams(mPanelParams);  
  133.         mPanel.setOrientation(LinearLayout.VERTICAL);  
  134.         parent.addView(mBg);  
  135.         parent.addView(mPanel);  
  136.         return parent;  
  137.     }  
  138.   
  139.     /** 
  140.      * 创建MenuItem 
  141.      */  
  142.     private void createItems()  
  143.     {  
  144.         if (items != null && items.size() > 0)  
  145.             for (int i = 0; i < items.size(); i++)  
  146.             {  
  147.                 Button bt = new Button(mContext);  
  148.                 bt.setId(CANCEL_BUTTON_ID + i + 1);  
  149.                 bt.setOnClickListener(this);  
  150.                 bt.setBackgroundDrawable(getOtherButtonBg(items.toArray(new String[items.size()]), i));  
  151.                 bt.setText(items.get(i));  
  152.                 bt.setTextColor(mAttrs.otherButtonTextColor);  
  153.                 bt.setTextSize(TypedValue.COMPLEX_UNIT_PX, mAttrs.actionSheetTextSize);  
  154.                 if (i > 0)  
  155.                 {  
  156.                     LinearLayout.LayoutParams params = createButtonLayoutParams();  
  157.                     params.topMargin = mAttrs.otherButtonSpacing;  
  158.                     mPanel.addView(bt, params);  
  159.                 } else  
  160.                     mPanel.addView(bt);  
  161.             }  
  162.         Button bt = new Button(mContext);  
  163.         bt.getPaint().setFakeBoldText(true);  
  164.         bt.setTextSize(TypedValue.COMPLEX_UNIT_PX, mAttrs.actionSheetTextSize);  
  165.         bt.setId(CANCEL_BUTTON_ID);  
  166.         bt.setBackgroundDrawable(mAttrs.cancelButtonBackground);  
  167.         bt.setText(cancelTitle);  
  168.         bt.setTextColor(mAttrs.cancelButtonTextColor);  
  169.         bt.setOnClickListener(this);  
  170.         LinearLayout.LayoutParams params = createButtonLayoutParams();  
  171.         params.topMargin = mAttrs.cancelButtonMarginTop;  
  172.         mPanel.addView(bt, params);  
  173.   
  174.         mPanel.setBackgroundDrawable(mAttrs.background);  
  175.         mPanel.setPadding(mAttrs.padding, mAttrs.padding, mAttrs.padding, mAttrs.padding);  
  176.     }  
  177.   
  178.     public LinearLayout.LayoutParams createButtonLayoutParams()  
  179.     {  
  180.         LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,  
  181.                 LayoutParams.WRAP_CONTENT);  
  182.         return params;  
  183.     }  
  184.   
  185.     /** 
  186.      * item按钮的颜色 
  187.      *  
  188.      * @param titles 
  189.      * @param i 
  190.      * @return 
  191.      */  
  192.     private Drawable getOtherButtonBg(String[] titles, int i)  
  193.     {  
  194.         if (titles.length == 1)  
  195.             return mAttrs.otherButtonSingleBackground;  
  196.         else if (titles.length == 2)  
  197.             switch (i)  
  198.             {  
  199.             case 0:  
  200.                 return mAttrs.otherButtonTopBackground;  
  201.             case 1:  
  202.                 return mAttrs.otherButtonBottomBackground;  
  203.             }  
  204.         else if (titles.length > 2)  
  205.         {  
  206.             if (i == 0)  
  207.                 return mAttrs.otherButtonTopBackground;  
  208.             else if (i == (titles.length - 1))  
  209.                 return mAttrs.otherButtonBottomBackground;  
  210.             return mAttrs.getOtherButtonMiddleBackground();  
  211.         }  
  212.         return null;  
  213.     }  
  214.   
  215.     public void showMenu()  
  216.     {  
  217.         if (!mDismissed)  
  218.             return;  
  219.         show();  
  220.         getWindow().setContentView(mView);  
  221.         mDismissed = false;  
  222.     }  
  223.   
  224.     /** 
  225.      * dissmiss Menu菜单 
  226.      */  
  227.     public void dismissMenu()  
  228.     {  
  229.         if (mDismissed)  
  230.             return;  
  231.         dismiss();  
  232.         onDismiss();  
  233.         mDismissed = true;  
  234.     }  
  235.   
  236.     /** 
  237.      * dismiss时的处理 
  238.      */  
  239.     private void onDismiss()  
  240.     {  
  241.         mPanel.startAnimation(createTranslationOutAnimation());  
  242.         mBg.startAnimation(createAlphaOutAnimation());  
  243.     }  
  244.   
  245.     /** 
  246.      * 取消按钮的标题文字 
  247.      *  
  248.      * @param title 
  249.      * @return 
  250.      */  
  251.     public ActionSheet setCancelButtonTitle(String title)  
  252.     {  
  253.         this.cancelTitle = title;  
  254.         return this;  
  255.     }  
  256.   
  257.     /** 
  258.      * 取消按钮的标题文字 
  259.      *  
  260.      * @param strId 
  261.      * @return 
  262.      */  
  263.     public ActionSheet setCancelButtonTitle(int strId)  
  264.     {  
  265.         return setCancelButtonTitle(mContext.getString(strId));  
  266.     }  
  267.   
  268.     /** 
  269.      * 点击外部边缘是否可取消 
  270.      *  
  271.      * @param cancelable 
  272.      * @return 
  273.      */  
  274.     public ActionSheet setCancelableOnTouchMenuOutside(boolean cancelable)  
  275.     {  
  276.         mCancelableOnTouchOutside = cancelable;  
  277.         return this;  
  278.     }  
  279.   
  280.     public ActionSheet addItems(String... titles)  
  281.     {  
  282.         if (titles == null || titles.length == 0)  
  283.             return this;  
  284.         items = Arrays.asList(titles);  
  285.         createItems();  
  286.         return this;  
  287.     }  
  288.   
  289.     public ActionSheet setItemClickListener(MenuItemClickListener listener)  
  290.     {  
  291.         this.mListener = listener;  
  292.         return this;  
  293.     }  
  294.   
  295.     private Attributes readAttribute()  
  296.     {  
  297.         Attributes attrs = new Attributes(mContext);  
  298.         TypedArray a = mContext.getTheme().obtainStyledAttributes(null, R.styleable.ActionSheet,  
  299.                 R.attr.actionSheetStyle, 0);  
  300.         Drawable background = a.getDrawable(R.styleable.ActionSheet_actionSheetBackground);  
  301.         if (background != null)  
  302.             attrs.background = background;  
  303.         Drawable cancelButtonBackground = a.getDrawable(R.styleable.ActionSheet_cancelButtonBackground);  
  304.         if (cancelButtonBackground != null)  
  305.             attrs.cancelButtonBackground = cancelButtonBackground;  
  306.         Drawable otherButtonTopBackground = a.getDrawable(R.styleable.ActionSheet_otherButtonTopBackground);  
  307.         if (otherButtonTopBackground != null)  
  308.             attrs.otherButtonTopBackground = otherButtonTopBackground;  
  309.         Drawable otherButtonMiddleBackground = a  
  310.                 .getDrawable(R.styleable.ActionSheet_otherButtonMiddleBackground);  
  311.         if (otherButtonMiddleBackground != null)  
  312.             attrs.otherButtonMiddleBackground = otherButtonMiddleBackground;  
  313.         Drawable otherButtonBottomBackground = a  
  314.                 .getDrawable(R.styleable.ActionSheet_otherButtonBottomBackground);  
  315.         if (otherButtonBottomBackground != null)  
  316.             attrs.otherButtonBottomBackground = otherButtonBottomBackground;  
  317.         Drawable otherButtonSingleBackground = a  
  318.                 .getDrawable(R.styleable.ActionSheet_otherButtonSingleBackground);  
  319.         if (otherButtonSingleBackground != null)  
  320.             attrs.otherButtonSingleBackground = otherButtonSingleBackground;  
  321.         attrs.cancelButtonTextColor = a.getColor(R.styleable.ActionSheet_cancelButtonTextColor,  
  322.                 attrs.cancelButtonTextColor);  
  323.         attrs.otherButtonTextColor = a.getColor(R.styleable.ActionSheet_otherButtonTextColor,  
  324.                 attrs.otherButtonTextColor);  
  325.         attrs.padding = (int) a.getDimension(R.styleable.ActionSheet_actionSheetPadding, attrs.padding);  
  326.         attrs.otherButtonSpacing = (int) a.getDimension(R.styleable.ActionSheet_otherButtonSpacing,  
  327.                 attrs.otherButtonSpacing);  
  328.         attrs.cancelButtonMarginTop = (int) a.getDimension(R.styleable.ActionSheet_cancelButtonMarginTop,  
  329.                 attrs.cancelButtonMarginTop);  
  330.         attrs.actionSheetTextSize = a.getDimensionPixelSize(R.styleable.ActionSheet_actionSheetTextSize,  
  331.                 (int) attrs.actionSheetTextSize);  
  332.   
  333.         a.recycle();  
  334.         return attrs;  
  335.     }  
  336.   
  337.     @Override  
  338.     public void onClick(View v)  
  339.     {  
  340.         if (v.getId() == BG_VIEW_ID && !mCancelableOnTouchOutside)  
  341.             return;  
  342.         dismissMenu();  
  343.         if (v.getId() != CANCEL_BUTTON_ID && v.getId() != BG_VIEW_ID)  
  344.         {  
  345.             if (mListener != null)  
  346.                 mListener.onItemClick(v.getId() - CANCEL_BUTTON_ID - 1);  
  347.             isCancel = false;  
  348.         }  
  349.     }  
  350.   
  351.     /** 
  352.      * 自定义属性的控件主题 
  353.      *  
  354.      * @author Mr.Zheng 
  355.      * @date 2014年9月7日 下午10:47:06 
  356.      */  
  357.     private class Attributes  
  358.     {  
  359.         private Context mContext;  
  360.   
  361.         private Drawable background;  
  362.         private Drawable cancelButtonBackground;  
  363.         private Drawable otherButtonTopBackground;  
  364.         private Drawable otherButtonMiddleBackground;  
  365.         private Drawable otherButtonBottomBackground;  
  366.         private Drawable otherButtonSingleBackground;  
  367.         private int cancelButtonTextColor;  
  368.         private int otherButtonTextColor;  
  369.         private int padding;  
  370.         private int otherButtonSpacing;  
  371.         private int cancelButtonMarginTop;  
  372.         private float actionSheetTextSize;  
  373.   
  374.         public Attributes(Context context)  
  375.         {  
  376.             mContext = context;  
  377.             this.background = new ColorDrawable(Color.TRANSPARENT);  
  378.             this.cancelButtonBackground = new ColorDrawable(Color.BLACK);  
  379.             ColorDrawable gray = new ColorDrawable(Color.GRAY);  
  380.             this.otherButtonTopBackground = gray;  
  381.             this.otherButtonMiddleBackground = gray;  
  382.             this.otherButtonBottomBackground = gray;  
  383.             this.otherButtonSingleBackground = gray;  
  384.             this.cancelButtonTextColor = Color.WHITE;  
  385.             this.otherButtonTextColor = Color.BLACK;  
  386.             this.padding = dp2px(20);  
  387.             this.otherButtonSpacing = dp2px(2);  
  388.             this.cancelButtonMarginTop = dp2px(10);  
  389.             this.actionSheetTextSize = dp2px(16);  
  390.         }  
  391.   
  392.         private int dp2px(int dp)  
  393.         {  
  394.             return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, mContext.getResources()  
  395.                     .getDisplayMetrics());  
  396.         }  
  397.   
  398.         public Drawable getOtherButtonMiddleBackground()  
  399.         {  
  400.             if (otherButtonMiddleBackground instanceof StateListDrawable)  
  401.             {  
  402.                 TypedArray a = mContext.getTheme().obtainStyledAttributes(null, R.styleable.ActionSheet,  
  403.                         R.attr.actionSheetStyle, 0);  
  404.                 otherButtonMiddleBackground = a  
  405.                         .getDrawable(R.styleable.ActionSheet_otherButtonMiddleBackground);  
  406.                 a.recycle();  
  407.             }  
  408.             return otherButtonMiddleBackground;  
  409.         }  
  410.   
  411.     }  
  412.   
  413.     public static interface MenuItemClickListener  
  414.     {  
  415.         void onItemClick(int itemPosition);  
  416.     }  
  417.   
  418. }  

代码中要注意的地方就是dialog的自定义view要在底部出现，背景要透明，dialog要全屏，这些主要在 ActionSheet 构造方法里设置，即55到61行，然后动态添加控件时注意一下Params就好。其它地方也没什么改动了。


使用

主题我也是直接使用它的，资源配置文件就不贴上来了，其中的属性代表的对应控件去参看ActionSheetForAndroid吧，最后贴上源码地址，改大小、颜色、背景什么的到主题里设置一下换下图片就行了。

我们可以在style直接设置ActionSheet的主题:

[html]  view plain copy
  1. <resources>  
  2.   
  3.     <style name="AppBaseTheme" parent="android:Theme.Light.NoTitleBar"></style>  
  4.   
  5.     <style name="AppTheme" parent="AppBaseTheme">  
  6.   
  7.         <!-- ActionSheet -->  
  8.         <item name="actionSheetBackground">@android:color/transparent</item>  
  9.         <item name="cancelButtonBackground">@drawable/actionsheet_slt_as_ios7_cancel_bt</item>  
  10.         <item name="otherButtonTopBackground">@drawable/actionsheet_slt_as_ios7_other_bt_top</item>  
  11.         <item name="otherButtonMiddleBackground">@drawable/actionsheet_slt_as_ios7_other_bt_middle</item>  
  12.         <item name="otherButtonBottomBackground">@drawable/actionsheet_slt_as_ios7_other_bt_bottom</item>  
  13.         <item name="otherButtonSingleBackground">@drawable/actionsheet_slt_as_ios7_other_bt_single</item>  
  14.         <item name="cancelButtonTextColor">#1E82FF</item>  
  15.         <item name="otherButtonTextColor">#1E82FF</item>  
  16.         <item name="actionSheetPadding">10dp</item>  
  17.         <item name="otherButtonSpacing">0dp</item>  
  18.         <item name="cancelButtonMarginTop">10dp</item>  
  19.         <item name="actionSheetTextSize">16sp</item>  
  20.     </style>  
  21.   
  22. </resources>  

也可以在代码里才去设置主题：

[java]  view plain copy
  1. package com.roc.actionsheet;  
  2.   
  3. import android.os.Bundle;  
  4. import android.support.v4.app.FragmentActivity;  
  5. import android.view.View;  
  6. import android.widget.Toast;  
  7.   
  8. import com.roc.actionsheet.ActionSheet.MenuItemClickListener;  
  9.   
  10. /** 
  11.  * @author Mr.Zheng 
  12.  * @date 2014年9月8日  上午12:08:55 
  13.  */  
  14. public class MainActivity extends FragmentActivity implements MenuItemClickListener  
  15. {  
  16.   
  17.     @Override  
  18.     protected void onCreate(Bundle savedInstanceState)  
  19.     {  
  20.         super.onCreate(savedInstanceState);  
  21.         setContentView(R.layout.activity_main);  
  22.     }  
  23.   
  24.     public void onClick(View v)  
  25.     {  
  26.         switch (v.getId())  
  27.         {  
  28.         case R.id.ios6:  
  29.             setTheme(R.style.ActionSheetStyleIOS6);  
  30.             break;  
  31.         case R.id.ios7:  
  32.             setTheme(R.style.ActionSheetStyleIOS7);  
  33.             break;  
  34.         }  
  35.         showActionSheet();  
  36.     }  
  37.   
  38.     public void showActionSheet()  
  39.     {  
  40.         ActionSheet menuView = new ActionSheet(this);  
  41.         menuView.setCancelButtonTitle("cancel");// before add items  
  42.         menuView.addItems("Item1", "Item2", "Item3", "Item4");  
  43.         menuView.setItemClickListener(this);  
  44.         menuView.setCancelableOnTouchMenuOutside(true);  
  45.         menuView.showMenu();  
  46.     }  
  47.   
  48.     @Override  
  49.     public void onItemClick(int itemPosition)  
  50.     {  
  51.         Toast.makeText(this, (itemPosition + 1) + " click", 0).show();  
  52.     }  
  53.   
  54. }  

是不是挺简单的。下面来看下效果



效果是和用Fragment实现一样的。



源码下载地址：http://download.csdn.net/detail/bbld_/7878275

文章标签：
Android开发
iOS开发
Java
关键词：
Android菜单
Android自定义
Android dialog
Android iPhone
iPhone android
一叶飘舟
目录
相关文章
计蒙不吃鱼
|
6月前
|
Android开发 UED 计算机视觉
Android自定义view之线条等待动画（灵感来源：金铲铲之战）
本文介绍了一款受游戏“金铲铲之战”启发的Android自定义View——线条等待动画的实现过程。通过将布局分为10份，利用`onSizeChanged`测量最小长度，并借助画笔绘制动态线条，实现渐变伸缩效果。动画逻辑通过四个变量控制线条的增长与回退，最终形成流畅的等待动画。代码中详细展示了画笔初始化、线条绘制及动画更新的核心步骤，并提供完整源码供参考。此动画适用于加载场景，提升用户体验。
计蒙不吃鱼
522 5
Android自定义view之线条等待动画（灵感来源：金铲铲之战）
卓伊凡
|
2月前
|
存储 消息中间件 人工智能
【04】AI辅助编程完整的安卓二次商业实战-寻找修改替换新UI首页图标-菜单图标-消息列表图标-优雅草伊凡
【04】AI辅助编程完整的安卓二次商业实战-寻找修改替换新UI首页图标-菜单图标-消息列表图标-优雅草伊凡
卓伊凡
133 4
计蒙不吃鱼
|
6月前
|
Android开发
Android自定义view之利用PathEffect实现动态效果
本文介绍如何在Android自定义View中利用`PathEffect`实现动态效果。通过改变偏移量，结合`PathEffect`的子类（如`CornerPathEffect`、`DashPathEffect`、`PathDashPathEffect`等）实现路径绘制的动态变化。文章详细解析了各子类的功能与参数，并通过案例代码展示了如何使用`ComposePathEffect`组合效果，以及通过修改偏移量实现动画。最终效果为一个菱形图案沿路径运动，源码附于文末供参考。
计蒙不吃鱼
121 0
计蒙不吃鱼
|
6月前
|
XML Java Android开发
Android自定义view之网易云推荐歌单界面
本文详细介绍了如何通过自定义View实现网易云音乐推荐歌单界面的效果。首先，作者自定义了一个圆角图片控件`MellowImageView`，用于绘制圆角矩形图片。接着，通过将布局放入`HorizontalScrollView`中，实现了左右滑动功能，并使用`ViewFlipper`添加图片切换动画效果。文章提供了完整的代码示例，包括XML布局、动画文件和Java代码，最终展示了实现效果。此教程适合想了解自定义View和动画效果的开发者。
计蒙不吃鱼
330 65
Android自定义view之网易云推荐歌单界面
计蒙不吃鱼
|
6月前
|
XML 前端开发 Android开发
一篇文章带你走近Android自定义view
这是一篇关于Android自定义View的全面教程，涵盖从基础到进阶的知识点。文章首先讲解了自定义View的必要性及简单实现（如通过三个构造函数解决焦点问题），接着深入探讨Canvas绘图、自定义属性设置、动画实现等内容。还提供了具体案例，如跑马灯、折线图、太极图等。此外，文章详细解析了View绘制流程（measure、layout、draw）和事件分发机制。最后延伸至SurfaceView、GLSurfaceView、SVG动画等高级主题，并附带GitHub案例供实践。适合希望深入理解Android自定义View的开发者学习参考。
计蒙不吃鱼
670 84
计蒙不吃鱼
|
6月前
|
前端开发 Android开发 UED
讲讲Android为自定义view提供的SurfaceView
本文详细介绍了Android中自定义View时使用SurfaceView的必要性和实现方式。首先分析了在复杂绘制逻辑和高频界面更新场景下，传统View可能引发卡顿的问题，进而引出SurfaceView作为解决方案。文章通过Android官方Demo展示了SurfaceView的基本用法，包括实现`SurfaceHolder.Callback2`接口、与Activity生命周期绑定、子线程中使用`lockCanvas()`和`unlockCanvasAndPost()`方法完成绘图操作。
计蒙不吃鱼
190 3
计蒙不吃鱼
|
6月前
|
Android开发 开发者
Android自定义view之围棋动画（化繁为简）
本文介绍了Android自定义View的动画实现，通过两个案例拓展动态效果。第一个案例基于`drawArc`方法实现单次动画，借助布尔值控制动画流程。第二个案例以围棋动画为例，从简单的小球直线运动到双向变速运动，最终实现循环动画效果。代码结构清晰，逻辑简明，展示了如何化繁为简实现复杂动画，帮助读者拓展动态效果设计思路。文末提供完整源码，适合初学者和进阶开发者学习参考。
计蒙不吃鱼
129 0
Android自定义view之围棋动画（化繁为简）
计蒙不吃鱼
|
6月前
|
Java Android开发 开发者
Android自定义view之围棋动画
本文详细介绍了在Android中自定义View实现围棋动画的过程。从测量宽高、绘制棋盘背景，到创建固定棋子及动态棋子，最后通过属性动画实现棋子的移动效果。文章还讲解了如何通过自定义属性调整棋子和棋盘的颜色及动画时长，并优化视觉效果，如添加渐变色让白子更明显。最终效果既可作为围棋动画展示，也可用作加载等待动画。代码完整，适合进阶开发者学习参考。
计蒙不吃鱼
150 0
浩码农
|
XML Android开发 数据格式
Android开发技巧——实现可复用的ActionSheet菜单
在上一篇《Android开发技巧——使用Dialog实现仿QQ的ActionSheet菜单》中，讲了这种菜单的实现过程，接下来将把它改成一个可复用的控件库。 本文原创，转载请注明出处： http://blog.
浩码农
1395 0
卓伊凡
|
1月前
|
移动开发 前端开发 Android开发
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
卓伊凡
247 12
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡

热门文章

最新文章

  • 1
    告别手动埋点！Android 无侵入式数据采集方案深度解析
  • 2
    【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
  • 3
    百宝箱开放平台 ✖️ Android 集成说明
  • 4
    安卓多渠道打包（三）360加固多渠道打包
  • 5
    Android Studio实现一个记账本项目
  • 6
    android插件化-获取apkplug框架已安装插件-03
  • 7
    Android -- Home按键
  • 8
    Android:随笔——Android必须知道的注解Annotations
  • 9
    android 异常：ScrollView can host only one direct child
  • 10
    Android audio codec power consumption
  • 1
    安装ipa到iphone和查看iphone上的活跃进程
    382
  • 2
    OpenAI推出适用于iPhone的ChatGPT，与Apple实现具有里程碑意义的AI整合
    320
  • 3
    发到朋友圈的图片为什么会变糊？iPhone的live实况图是什么格式的图片？
    3948
  • 4
    测试 iPhone 应用在不同屏幕尺寸和分辨率下的响应式效果
    262
  • 5
    响应式设计在 iPhone 开发适配中的具体应用
    274
  • 6
    iPhone 屏幕尺寸和开发适配
    410
  • 7
    【通义】AI视界｜2分钟看完苹果发布会：iPhone16 5999元起售，全系支持苹果AI
    529
  • 8
    【实操】SpringBoot监听Iphone15邮件提醒，Selenium+Python自动化抢购脚本
    333
  • 9
    Chatgpt教你开发iPhone风格计算器，Python代码实现
    181
  • 10
    iOS自动化测试方案(二)：Xcode开发者工具构建WDA应用到iphone
    1165

    • 相关课程

    更多
  • 开源Android容器化框架Atlas开发者指南

    • 相关电子书

    更多
  • 58同城Android客户端Walle框架演进与实践之路
  • Android组件化实现
  • 蚂蚁聚宝Android秒级编译——Freeline
    • 下一篇
    阿里云负载均衡收费标准：ALB、NLB和CLB价格，包括LCU费用、实例费和公网带宽价格