Android开发如何写出优雅的代码

发布时间:2017-6-29 10:12:32编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"Android开发如何写出优雅的代码",主要涉及到Android开发如何写出优雅的代码方面的内容,对于Android开发如何写出优雅的代码感兴趣的同学可以参考一下。

很多时候我们去面试,人家总会问一个问题,你们公司开发一个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);
    }

}

附:相关源码


上一篇:不同风格样式的文字能够借助差异
下一篇:Torch nn.MM 实例

相关文章

相关评论

本站评论功能暂时取消,后续此功能例行通知。

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

好贷网好贷款