android计算器布局界面——基础编

简介:

计算器布局,是初学者学习的过程,下面让我们看看它的界面是如何的。

main.xml代码


 
 
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:layout_width="fill_parent" 
  4.     android:layout_height="fill_parent" 
  5.     > 
  6.      
  7.     <TableRow> 
  8.     <Button  
  9.     android:layout_width="wrap_content" 
  10.     android:layout_height="wrap_content" 
  11.     android:text="  7  "/> 
  12.      
  13.      
  14.      <Button  
  15.     android:layout_width="wrap_content" 
  16.     android:layout_height="wrap_content" 
  17.     android:text="  8  "/> 
  18.      <Button  
  19.     android:layout_width="wrap_content" 
  20.     android:layout_height="wrap_content" 
  21.     android:text="  9  "/> 
  22.      <Button  
  23.     android:layout_width="wrap_content" 
  24.     android:layout_height="wrap_content" 
  25.     android:text="  /  "/> 
  26.      
  27.     </TableRow> 
  28.         <TableRow> 
  29.     <Button  
  30.     android:layout_width="wrap_content" 
  31.     android:layout_height="wrap_content" 
  32.     android:text="  4  "/> 
  33.      
  34.      
  35.      <Button  
  36.     android:layout_width="wrap_content" 
  37.     android:layout_height="wrap_content" 
  38.     android:text="  5  "/> 
  39.      <Button  
  40.     android:layout_width="wrap_content" 
  41.     android:layout_height="wrap_content" 
  42.     android:text="  6  "/> 
  43.      <Button  
  44.     android:layout_width="wrap_content" 
  45.     android:layout_height="wrap_content" 
  46.     android:text="  *  "/> 
  47.      
  48.     </TableRow> 
  49.         <TableRow> 
  50.     <Button  
  51.     android:layout_width="wrap_content" 
  52.     android:layout_height="wrap_content" 
  53.     android:text="  1  "/> 
  54.      
  55.     <Button  
  56.     android:layout_width="wrap_content" 
  57.     android:layout_height="wrap_content" 
  58.     android:text="  2  "/> 
  59.      <Button  
  60.     android:layout_width="wrap_content" 
  61.     android:layout_height="wrap_content" 
  62.     android:text="  3  "/> 
  63.      <Button  
  64.     android:layout_width="wrap_content" 
  65.     android:layout_height="wrap_content" 
  66.     android:text="  . "/> 
  67.       
  68.     </TableRow> 
  69.         <TableRow> 
  70.     
  71.      
  72.      
  73.      <Button  
  74.     android:layout_width="wrap_content" 
  75.     android:layout_height="wrap_content" 
  76.     android:text="  0  "/> 
  77.      <Button  
  78.     android:layout_width="wrap_content" 
  79.     android:layout_height="wrap_content" 
  80.     android:text="  =  "/> 
  81.      <Button  
  82.     android:layout_width="wrap_content" 
  83.     android:layout_height="wrap_content" 
  84.     android:text="  -  "/> 
  85.      
  86.      <Button  
  87.     android:layout_width="wrap_content" 
  88.     android:layout_height="wrap_content" 
  89.     android:text="  +  "/> 
  90.      
  91.     </TableRow> 
  92. <TextView   
  93.     android:layout_width="fill_parent"  
  94.     android:layout_height="wrap_content"  
  95.     android:text="@string/hello" 
  96.     /> 
  97. </TableLayout> 

 


本文转自 llb988 51CTO博客,原文链接:http://blog.51cto.com/llb988/491627,如需转载请自行联系原作者

相关文章
|
2月前
|
存储 消息中间件 人工智能
【05】AI辅助编程完整的安卓二次商业实战-消息页面媒体对象(Media Object)布局实战调整-按钮样式调整实践-优雅草伊凡
【05】AI辅助编程完整的安卓二次商业实战-消息页面媒体对象(Media Object)布局实战调整-按钮样式调整实践-优雅草伊凡
112 11
【05】AI辅助编程完整的安卓二次商业实战-消息页面媒体对象(Media Object)布局实战调整-按钮样式调整实践-优雅草伊凡
|
2月前
|
XML 存储 Java
【06】AI辅助编程完整的安卓二次商业实战-背景布局变更增加背景-二开发现页面跳转逻辑-替换剩余图标-优雅草卓伊凡
【06】AI辅助编程完整的安卓二次商业实战-背景布局变更增加背景-二开发现页面跳转逻辑-替换剩余图标-优雅草卓伊凡
105 3
【06】AI辅助编程完整的安卓二次商业实战-背景布局变更增加背景-二开发现页面跳转逻辑-替换剩余图标-优雅草卓伊凡
|
6月前
|
Android开发 数据安全/隐私保护 开发者
Android自定义view之模仿登录界面文本输入框(华为云APP)
本文介绍了一款自定义输入框的实现,包含静态效果、hint值浮动动画及功能扩展。通过组合多个控件完成界面布局,使用TranslateAnimation与AlphaAnimation实现hint文字上下浮动效果,支持密码加密解密显示、去除键盘回车空格输入、光标定位等功能。代码基于Android平台,提供完整源码与attrs配置,方便复用与定制。希望对开发者有所帮助。
127 0
|
6月前
|
XML Java Android开发
Android自定义view之网易云推荐歌单界面
本文详细介绍了如何通过自定义View实现网易云音乐推荐歌单界面的效果。首先,作者自定义了一个圆角图片控件`MellowImageView`,用于绘制圆角矩形图片。接着,通过将布局放入`HorizontalScrollView`中,实现了左右滑动功能,并使用`ViewFlipper`添加图片切换动画效果。文章提供了完整的代码示例,包括XML布局、动画文件和Java代码,最终展示了实现效果。此教程适合想了解自定义View和动画效果的开发者。
329 65
Android自定义view之网易云推荐歌单界面
|
6月前
|
Android开发 开发者
Android企业级实战-界面篇-3
本文是《Android企业级实战-界面篇》系列的第三篇,主要介绍分割线和条形跳转框的实现方法,二者常用于设置和个人中心界面。文章通过具体代码示例展示了如何实现这两种UI组件,并提供了效果图。实现前需准备`dimens.xml`、`ids.xml`、`colors.xml`等文件,部分资源可参考系列第一、二篇文章。代码中详细说明了布局文件的配置,如分割线的样式定义和条形跳转框的组件组合,帮助开发者快速上手并应用于实际项目中。
|
6月前
|
XML Android开发 数据格式
Android企业级实战-界面篇-2
本文为《Android企业级实战-界面篇》系列第二篇,主要介绍三个UI模块的实现:用户资料模块、关注与粉丝统计模块以及喜欢和收藏功能模块。通过详细的XML代码展示布局设计,包括dimens、ids、colors配置文件的使用,帮助开发者快速构建美观且功能齐全的界面。文章结合实际效果图,便于理解和应用。建议配合第一篇文章内容学习,以获取完整工具类支持。
120 0
|
6月前
|
算法 Java Android开发
Android企业级实战-界面篇-1
本文详细介绍了Android企业级开发中界面实现的过程,涵盖效果展示、实现前准备及代码实现。作者通过自身经历分享了Android开发经验,并提供了`dimens.xml`、`ids.xml`、`colors.xml`和`strings.xml`等配置文件内容,帮助开发者快速构建规范化的UI布局。文章以一个具体的用户消息界面为例,展示了如何使用线性布局(LinearLayout)和相对布局(RelativeLayout)实现功能模块排列,并附带注意事项及使用方法,适合初学者和进阶开发者参考学习。
176 0
|
ARouter Android开发
Android不同module布局文件重名被覆盖
Android不同module布局文件重名被覆盖
|
XML 数据可视化 Android开发
Android应用界面
Android应用界面中的布局和控件使用,包括相对布局、线性布局、表格布局、帧布局、扁平化布局等,以及AdapterView及其子类如ListView的使用方法和Adapter接口的应用。
248 0
Android应用界面
|
XML Android开发 UED
💥Android UI设计新风尚!掌握Material Design精髓,让你的界面颜值爆表!🎨
随着移动应用市场的蓬勃发展,用户对界面设计的要求日益提高。为此,掌握由Google推出的Material Design设计语言成为提升应用颜值和用户体验的关键。本文将带你深入了解Material Design的核心原则,如真实感、统一性和创新性,并通过丰富的组件库及示例代码,助你轻松打造美观且一致的应用界面。无论是色彩搭配还是动画效果,Material Design都能为你的Android应用增添无限魅力。
354 1