Android开发如何写出优雅的代码
来源:互联网 发布:网络直播需要哪些设备 编辑:程序博客网 时间:2024/05/01 07:41
很多时候我们去面试,人家总会问一个问题,你们公司开发一个app是如何进行技术选择的,app中涉及到了哪些开发模式,谈谈你对mvc、mvp和mvvm的区别。或许在这些问题上每个人有每个人的看法,在我看来把代码写清楚,用简单清晰的方式将要实现的功能写出来就可以了。
在去年的时候,我接手公司的移动开发部门,刚开始看代码的时候我是崩溃的,Android和ios的代码中,超过2000行的代码随处可见。在我以前的职业生涯中,这是不可想象的,除非你写的是系统代码,如果是业务上的代码为啥不可以抽象,为啥不可以分层呢,或者换一个写法。在那个项目中,大量的使用mvp,大量的为了抽象而抽象,就像后端的开发中先定义一个接口,然后自己去实现,对于这种写法,显得太啰嗦,会给后面的开发人员带来一定的误解。
所以在进行重构之前,我对app进行了梳理,比较老的聊天的功能我先不动,而上层的电商的实现上我做了一些基础模块的封装,而这些基础模块我考虑适量的引入开源库,而对于具体的业务模块我主要分为4层:模型层、接口层、核心层、界面层。模型层定义了所有的模型;接口层封装了服务器提供的API;核心层处理所有业务逻辑;界面层就处理界面的展示。最后按模块进行开发。
为了具体说明,下面看一个界面实例。
聊天功能实现
首先看一下最终的效果吧。
在这个界面中表情的实现是一个要点,在聊天系统中表情是特殊的文本,我们将表情发送出去另一端在接受到文本后怎么转换的呢?
例如[微笑]对应的图片为��,这里使用HashMap
public class EmojiParseUtils { private Pattern mPattern=null; //建议使用SparseArray public static HashMap<String, Integer> EMOTION_MAP = new HashMap<>(); static { EMOTION_MAP.put("[呵呵]", R.drawable.expression_01_45); EMOTION_MAP.put("[愁]", R.drawable.expression_02_45); EMOTION_MAP.put("[花心]", R.drawable.expression_03_45); EMOTION_MAP.put("[思考]", R.drawable.expression_04_45); EMOTION_MAP.put("[酷]", R.drawable.expression_05_45); EMOTION_MAP.put("[大哭]", R.drawable.expression_06_45); EMOTION_MAP.put("[卖萌]", R.drawable.expression_07_45); EMOTION_MAP.put("[闭嘴]", R.drawable.expression_08_45); EMOTION_MAP.put("[睡觉]", R.drawable.expression_09_45); EMOTION_MAP.put("[快哭了]", R.drawable.expression_10_45); EMOTION_MAP.put("[尴尬]", R.drawable.expression_11_45); EMOTION_MAP.put("[怒]", R.drawable.expression_12_45); EMOTION_MAP.put("[挤眼]", R.drawable.expression_13_45); EMOTION_MAP.put("[呲牙大笑]", R.drawable.expression_14_45); EMOTION_MAP.put("[惊讶]", R.drawable.expression_15_45); EMOTION_MAP.put("[挥泪]", R.drawable.expression_16_45); EMOTION_MAP.put("[爱你]", R.drawable.expression_17_45); EMOTION_MAP.put("[加我]", R.drawable.expression_18_45); EMOTION_MAP.put("[抓狂]", R.drawable.expression_19_45); EMOTION_MAP.put("[吐]", R.drawable.expression_20_45); EMOTION_MAP.put("[偷笑]", R.drawable.expression_21_45); EMOTION_MAP.put("[微笑]", R.drawable.expression_22_45); EMOTION_MAP.put("[没看见]", R.drawable.expression_23_45); EMOTION_MAP.put("[懒得理你]", R.drawable.expression_24_45); EMOTION_MAP.put("[馋嘴]", R.drawable.expression_25_45); EMOTION_MAP.put("[困]", R.drawable.expression_26_45); EMOTION_MAP.put("[惊恐]", R.drawable.expression_27_45); EMOTION_MAP.put("[汗]", R.drawable.expression_28_45); EMOTION_MAP.put("[哈哈]", R.drawable.expression_29_45); EMOTION_MAP.put("[加油]", R.drawable.expression_30_45); EMOTION_MAP.put("[奋斗]", R.drawable.expression_31_45); EMOTION_MAP.put("[怒骂]", R.drawable.expression_32_45); EMOTION_MAP.put("[疑问]", R.drawable.expression_33_45); EMOTION_MAP.put("[嘘]", R.drawable.expression_34_45); EMOTION_MAP.put("[晕]", R.drawable.expression_35_45); EMOTION_MAP.put("[哼]", R.drawable.expression_36_45); EMOTION_MAP.put("[哀]", R.drawable.expression_37_45); EMOTION_MAP.put("[奥特曼]", R.drawable.expression_38_45); EMOTION_MAP.put("[潜水]", R.drawable.expression_39_45); EMOTION_MAP.put("[拜拜]", R.drawable.expression_40_45); EMOTION_MAP.put("[太开心]", R.drawable.expression_41_45); EMOTION_MAP.put("[挖鼻屎]", R.drawable.expression_42_45); EMOTION_MAP.put("[鼓掌]", R.drawable.expression_43_45); EMOTION_MAP.put("[生病]", R.drawable.expression_44_45); EMOTION_MAP.put("[坏笑]", R.drawable.expression_45_45); EMOTION_MAP.put("[左哼哼]", R.drawable.expression_46_45); EMOTION_MAP.put("[捂脸]", R.drawable.expression_47_45); EMOTION_MAP.put("[压历大]", R.drawable.expression_48_45); EMOTION_MAP.put("[鄙视]", R.drawable.expression_49_45); EMOTION_MAP.put("[委屈]", R.drawable.expression_50_45); EMOTION_MAP.put("[钱]", R.drawable.expression_51_45); EMOTION_MAP.put("[阴险]", R.drawable.expression_52_45); EMOTION_MAP.put("[亲亲]", R.drawable.expression_53_45); EMOTION_MAP.put("[黑线]", R.drawable.expression_54_45); EMOTION_MAP.put("[可怜]", R.drawable.expression_55_45); EMOTION_MAP.put("[菜刀]", R.drawable.expression_56_45); EMOTION_MAP.put("[给力]", R.drawable.expression_57_45); EMOTION_MAP.put("[啤酒]", R.drawable.expression_58_45); EMOTION_MAP.put("[篮球]", R.drawable.expression_59_45); EMOTION_MAP.put("[乒乓球]", R.drawable.expression_60_45); EMOTION_MAP.put("[鸡蛋]", R.drawable.expression_61_45); EMOTION_MAP.put("[吃饭]", R.drawable.expression_62_45); EMOTION_MAP.put("[猪头]", R.drawable.expression_63_45); EMOTION_MAP.put("[玫瑰花]", R.drawable.expression_64_45); EMOTION_MAP.put("[凋谢]", R.drawable.expression_65_45); EMOTION_MAP.put("[香吻]", R.drawable.expression_66_45); EMOTION_MAP.put("[心]", R.drawable.expression_67_45); EMOTION_MAP.put("[伤心]", R.drawable.expression_68_45); EMOTION_MAP.put("[蛋糕]", R.drawable.expression_69_45); EMOTION_MAP.put("[闪电]", R.drawable.expression_70_45); EMOTION_MAP.put("[圣诞节]", R.drawable.expression_71_45); EMOTION_MAP.put("[高跟鞋]", R.drawable.expression_72_45); EMOTION_MAP.put("[足球]", R.drawable.expression_73_45); EMOTION_MAP.put("[兔子]", R.drawable.expression_74_45); EMOTION_MAP.put("[便便]", R.drawable.expression_75_45); EMOTION_MAP.put("[晚安]", R.drawable.expression_76_45); EMOTION_MAP.put("[太阳]", R.drawable.expression_77_45); EMOTION_MAP.put("[礼物]", R.drawable.expression_78_45); EMOTION_MAP.put("[花]", R.drawable.expression_79_45); EMOTION_MAP.put("[good]", R.drawable.expression_80_45); EMOTION_MAP.put("[弱]", R.drawable.expression_81_45); EMOTION_MAP.put("[握手]", R.drawable.expression_82_45); EMOTION_MAP.put("[耶]", R.drawable.expression_83_45); EMOTION_MAP.put("[抱拳]", R.drawable.expression_84_45); EMOTION_MAP.put("[来]", R.drawable.expression_85_45); EMOTION_MAP.put("[靠]", R.drawable.expression_86_45); EMOTION_MAP.put("[不要]", R.drawable.expression_87_45); EMOTION_MAP.put("[OK]", R.drawable.expression_88_45); EMOTION_MAP.put("[鞭炮]", R.drawable.expression_89_45); EMOTION_MAP.put("[红包]", R.drawable.expression_90_45); EMOTION_MAP.put("[发财]", R.drawable.expression_91_45); EMOTION_MAP.put("[话筒]", R.drawable.expression_92_45); EMOTION_MAP.put("[兵]", R.drawable.expression_93_45); EMOTION_MAP.put("[熊猫]", R.drawable.expression_94_45); EMOTION_MAP.put("[蜡烛]", R.drawable.expression_95_45); EMOTION_MAP.put("[德州]", R.drawable.expression_96_45); EMOTION_MAP.put("[恐龙]", R.drawable.expression_97_45); EMOTION_MAP.put("[吉他]", R.drawable.expression_98_45); EMOTION_MAP.put("[肥皂]", R.drawable.expression_99_45); EMOTION_MAP.put("[台球]", R.drawable.expression_100_45); EMOTION_MAP.put("[火箭]", R.drawable.expression_101_45); EMOTION_MAP.put("[左车头]", R.drawable.expression_102_45); EMOTION_MAP.put("[车厢]", R.drawable.expression_103_45); EMOTION_MAP.put("[右车头]", R.drawable.expression_104_45); EMOTION_MAP.put("[浮云]", R.drawable.expression_105_45); EMOTION_MAP.put("[星星]", R.drawable.expression_106_45); EMOTION_MAP.put("[钻石]", R.drawable.expression_107_45); EMOTION_MAP.put("[钻戒]", R.drawable.expression_108_45); EMOTION_MAP.put("[沙发]", R.drawable.expression_109_45); EMOTION_MAP.put("[卷纸]", R.drawable.expression_110_45); EMOTION_MAP.put("[药丸]", R.drawable.expression_111_45); EMOTION_MAP.put("[钟]", R.drawable.expression_112_45); EMOTION_MAP.put("[草泥马]", R.drawable.expression_113_45); EMOTION_MAP.put("[大姨妈]", R.drawable.expression_114_45); EMOTION_MAP.put("[鱼]", R.drawable.expression_115_45); } public static int getEmojiByName(String imgName) { Integer integer = EMOTION_MAP.get(imgName); return integer == null ? -1 : integer; } public static HashMap<String, Integer> getEmojiMap() { HashMap EmojiMap = EMOTION_MAP; return EmojiMap; }}
当接受到表情时候我们只需要通过文字匹配就行:
public SpannableString getEmotionContent(final Context context, final TextView tv, String source) { SpannableString spannableString = new SpannableString(source); Resources res = context.getResources(); String regexEmotion = "\\[([\u4e00-\u9fa5\\w])+\\]"; Pattern patternEmotion = Pattern.compile(regexEmotion); Matcher matcherEmotion = patternEmotion.matcher(spannableString); while (matcherEmotion.find()) { String key = matcherEmotion.group(); int start = matcherEmotion.start(); Integer imgRes = EmojiParseUtils.getEmojiByName(key); if (imgRes != null) { // 压缩表情图片 int size = (int) tv.getTextSize() * 13 / 10; Bitmap bitmap = BitmapFactory.decodeResource(res, imgRes); Bitmap scaleBitmap = Bitmap.createScaledBitmap(bitmap, size, size, true); ImageSpan span = new ImageSpan(context, scaleBitmap); spannableString.setSpan(span, start, start + key.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); } } return spannableString; }
接下来我们需要对表情进行简单的封装,这个界面主要实现的是表情的滑动和指示器。
public class EmojiFragment extends Fragment { @BindView(R.id.viewPager) ViewPager viewPager; @BindView(R.id.indicatorView) IndicatorView indicatorView; private View view = null; private EmojiPagerAdapter pagerAdapter=null; private List<GridView> eViews = new ArrayList<>(); private List<String> eNames = new ArrayList<>(); private int screenWidth,spacing,itemWidth,gridViewH; private int prePagerPosition=0; @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { view = inflater.inflate(R.layout.gragment_chat_emoji, container, false); ButterKnife.bind(this, view); init(); return view; } private void init() { initParam(); initEmojiView(); initIndicator(screenWidth, gridViewH, eViews); } private void initParam() { screenWidth = UIUtils.getScreenWidth(getActivity()); spacing = UIUtils.dp2px(getActivity(),10); itemWidth = (screenWidth - spacing * 8) / 7; gridViewH = itemWidth * 3 + spacing * 3; } //绘制一个3行7列的View,每20个表情作为一组,同时添加到ViewPager对应的view集合中 private void initEmojiView() { for (String emojiName : EmojiParseUtils.getEmojiMap().keySet()) { eNames.add(emojiName); if (eNames.size() == 20) { GridView gv = initEmotionGridView(eNames, screenWidth, spacing, itemWidth, gridViewH); eViews.add(gv); eNames = new ArrayList<>(); } } // 判断最后是否有不足20个表情,中间补空 if (eNames.size() > 0&&eNames.size()<20) { for (int i=0;i<24-eNames.size();i++){ eNames.add(""); } GridView grid = initEmotionGridView(eNames, screenWidth, spacing, itemWidth, gridViewH); eViews.add(grid); } pagerAdapter = new EmojiPagerAdapter(eViews); viewPager.setAdapter(pagerAdapter); } //表情指示器 private void initIndicator(int screenWidth, int gvHeight, List<GridView> eViews) { indicatorView.initIndicator(eViews.size()); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(screenWidth, gvHeight); viewPager.setLayoutParams(params); viewPager.addOnPageChangeListener(new SimpleViewPagerListener(){ @Override public void onPageSelected(int position) { indicatorView.indicatorView(prePagerPosition,position); prePagerPosition=position; } }); } private GridView initEmotionGridView(List<String> emotionNames, int gvWidth, int padding, int itemWidth, int gvHeight) { GridView gridView = new GridView(getActivity()); gridView.setNumColumns(7); gridView.setPadding(padding, padding, padding, padding); gridView.setHorizontalSpacing(padding); gridView.setVerticalSpacing(padding/2); ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(gvWidth, gvHeight); gridView.setLayoutParams(params); // 给GridView设置表情图片 EmojiGridAdapter adapter = new EmojiGridAdapter(getActivity(), emotionNames, itemWidth); gridView.setAdapter(adapter); gridView.setOnItemClickListener(EmojiUtils.getInstance().getOnItemClickListener(getActivity())); return gridView; }}
然后是一个指示器,根据表情的大小和每页显示的个数计算出指示器的位置。
public class IndicatorView extends LinearLayout { private Context mContext=null; private ArrayList<View> dotViews =new ArrayList<>(); private int size = 6; private int marginSize=15; private int pointSize ; private int marginLeft; private LayoutParams layoutParams=null; public IndicatorView(Context context) { this(context,null); } public IndicatorView(Context context, AttributeSet attrs) { this(context, attrs, 0); } public IndicatorView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); mContext=context; init(); } private void init() { pointSize= UIUtils.dp2px(mContext,size); marginLeft=UIUtils.dp2px(mContext,marginSize); } public void initIndicator(int count){ removeAllViews(); for (int i = 0 ; i<count ; i++){ View view = new View(mContext); layoutParams = new LayoutParams(pointSize,pointSize); if(i!=0) layoutParams.leftMargin = marginLeft; view.setLayoutParams(layoutParams); if (i == 0){ view.setBackgroundResource(R.drawable.point_white); }else{ view.setBackgroundResource(R.drawable.point_gray); } dotViews.add(view); addView(view); } } public void indicatorView(int start,int next){ if(start < 0 || next < 0 || next == start){ start = next = 0; } final View ViewStrat = dotViews.get(start); final View ViewNext = dotViews.get(next); ViewNext.setBackgroundResource(R.drawable.point_white); ViewStrat.setBackgroundResource(R.drawable.point_gray); }}
附:相关源码
- Android开发如何写出优雅的代码
- 论如何写出优雅的Android代码--------ActivityManager
- 论如何写出优雅的Android代码--------BaseActivity
- 如何写出优雅的java代码
- 如何写出优雅的java代码
- 代码之美 - 如何写出优雅的PHP代码
- 代码之美 - 如何写出优雅的PHP代码
- 代码之美 - 如何写出优雅的PHP代码
- 代码之美 - 如何写出优雅的PHP代码
- 教你写出优雅的代码(一)
- 教你写出优雅的代码(二)
- 教你写出优雅的代码(三)
- 教你写出优雅的代码(四)
- java能写出这样优雅的代码么
- erlang妙用try..catch写出优雅的代码
- 写出优雅简明代码的论题集 -- Csharp(C#)篇
- 用 RxSwift + Moya 写出优雅的网络请求代码
- 如何优雅的抄袭代码!
- javaScript系列之网页与用户交互(五)
- SDUT-2557 分段函数
- js获取当前页面的URL
- 交换两个变量的值,不使用第三个变量的方法及实现
- 文章标题
- Android开发如何写出优雅的代码
- Spring JPA 使用@CreatedDate、@CreatedBy、@LastModifiedDate、@LastModifiedBy 自动生成时间和修改者
- Unity3d shader 教程一 准备
- 使用maven 一步一步搭建Spring+mybatis环境
- PL/SQL Developer 中文乱码解决
- 对于python setup.py install安装的包如何卸载
- (转)听赌徒谈风险:没犯任何错误照样输个精光
- 电商6.18-it系统实战
- unity光照系统-反射探头Reflection Probe