Android 计算器解析(一): 建立简单界面

最新推荐文章于 2025-05-22 16:04:43 发布

原创

最新推荐文章于 2025-05-22 16:04:43 发布 · 1.3w 阅读

42 ·

CC 4.0 BY-SA版权

文章标签：

#android studio #Android #实战 #计算器

本文是Android计算器系列的第一篇，作者通过分析GitHub上的计算器源码，逐步完善应用。首先介绍建立简单计算器界面的过程，包括获取EditText和GridView控件，创建适配器来展示按钮字符。接下来的文章将涉及计算功能的实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载请注明出处：http://blog.youkuaiyun.com/like_program/article/details/51813632

学Android学了几个月,感觉自己很菜,想找些小项目锻炼下自己,就跑到Github上下载了一个简单的计算器源码,研究了下代码,感觉不算很难,在研究代码的过程中,感觉这个App在某些地方还有些不足,于是我自己又把它完善了一下.

为了记录自己的学习心得,也为了帮助那些在入门阶段探索的Android新手们,我会把这个计算器App从头到尾,一步步的解析,希望Android新手能够从我的博客中获益.

原项目地址 : https://github.com/shiyanlou/Calculator-1 感谢原项目作者

这个计算器App的解析,我会写一个系列,大概4篇文章,由浅入深,先写一个简陋的界面,再加入计算功能,再完善界面,再完善计算功能.

希望我能写的通俗易懂.

阅读本篇文章需要有一定的Android基础及Android Studio使用经验

本篇文章只完成初步的App界面,不带任何逻辑,App效果图如下所示:

打开Android studio,我们先新建一个CalculatorTest项目.
修改布局文件的名字,修改activity_main.xml为activity_calculator.xml.
修改activity文件的名字,修改MainActivity.java为CalculatorActivity.java
为了创建界面,我们需要先在res/values目录下的colors.xml 和 strings.xml 中添加一些参数,以便等会在布局文件中引用它们

colors.xml代码如下

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>
    <color name="colorBlue">#729FFA</color>
    <color name="colorWhite">#FFFFFF</color>
</resources>

colors.xml是存储颜色的配置文件,

name的值是颜色的名字,也是我们在代码中引用的名字,用户可以自定义name的值,建议使用