Android UI

新建一个Android项目

将程序界面对应布局文件:activity_mian.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/darker_gray"
android:orientation="vertical"
tools:context=".MainActivity" >
<RelativeLayout style="@style/h_wrap_content"
android:layout_marginTop="10dp">
<TextView
style="@style/tv_style"
android:layout_alignParentLeft="true"
android:layout_marginLeft="10dp"
android:drawableTop="@drawable/clound"
android:text="@string/_cloud" />
<TextView
style="@style/tv_style"
android:layout_alignParentRight="true"
android:layout_marginRight="10dp"
android:drawableTop="@drawable/bluetooth"
android:text="@string/_bluetooth" />
</RelativeLayout>
<RelativeLayout style="@style/h_wrap_content"
android:layout_marginTop="10dp">
<TextView
style="@style/tv_style"
android:layout_alignParentLeft="true"
android:layout_marginLeft="10dp"
android:drawableTop="@drawable/gesture"
android:text="@string/_gesture" />
<TextView
style="@style/tv_style"
android:layout_alignParentRight="true"
android:layout_marginRight="10dp"
android:drawableTop="@drawable/gps"
android:text="@string/_gps" />
</RelativeLayout>
<RelativeLayout style="@style/h_wrap_content"
android:layout_marginTop="10dp">
<TextView
style="@style/tv_style"
android:layout_alignParentLeft="true"
android:layout_marginLeft="10dp"
android:drawableTop="@drawable/info"
android:text="@string/_system_info" />
<TextView
style="@style/tv_style"
android:layout_alignParentRight="true"
android:layout_marginRight="10dp"
android:drawableTop="@drawable/internet"
android:text="@string/_internet" />
</RelativeLayout>
<RelativeLayout style="@style/h_wrap_content"
android:layout_marginTop="10dp">
<TextView
style="@style/tv_style"
android:layout_alignParentLeft="true"
android:layout_marginLeft="10dp"
android:drawableTop="@drawable/language"
android:text="@string/_language" />
<TextView
style="@style/tv_style"
android:layout_alignParentRight="true"
android:layout_marginRight="10dp"
android:drawableTop="@drawable/notifycation"
android:text="@string/_set_notifycation" />
</RelativeLayout>

</LinearLayout>

编写布局文件时,相同控件之间的外边距和宽高都是固定的。会产生大量重复代码,为防止代码冗余将相同代码抽取为样式,放在values下的styles.xml文件中。

▼
<style name="h_wrap_content"><item name="android:layout_width">match_parent</item><item name="android:layout_height">wrap_content</item></style><!-- 宽高都 match——parent -->
    <style name="tv_style"><item name="android:layout_width">145dp</item><item name="android:layout_height">100dp</item><item name="android:gravity">center</item><item name="android:paddingTop">8dp</item><item name="android:paddingBottom">8dp</item><item name="android:drawablePadding">5dp</item><item name="android:background">@android:color/white</item></style>
</resources>

在project-app-src下新建文件夹
分别命名为:values-zh-rCN,values-en-rUS
在相应的文件夹下建立
string.xml


<?xml version="1.0" encoding="utf-8"?>


MainActivity.Java中与界面交互的逻辑


public class MainActivity extends Activity {


导包

结束编程

运行虚拟机

    @Override
    protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);}
}
values-en-rUS文件夹下的string.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources><string name="app_name">phoneInfo</string><string name="menu_settings">Settings</string><string name="hello_world">Hello world!</string><string name="_cloud">Cloud</string><string name="_bluetooth">Bluetooth</string><string name="_gesture">Gesture</string><string name="_gps">Gps</string><string name="_system_info">SystemInfo</string><string name="_internet">Internet</string><string name="_language">Language</string><string name="_set_notifycation">Notifycation</string>
</resources>
<resources><string name="app_name">手机信息页面</string><string name="menu_settings">设置</string><string name="hello_world">你好,世界!</string><string name="_cloud">云通信</string><string name="_bluetooth">蓝牙</string><string name="_gesture">自定义手势</string><string name="_gps">定位</string><string name="_system_info">系统信息</string><string name="_internet">网络</string><string name="_language">语言设置</string><string name="_set_notifycation">通知栏设置</string>
</resources>

Android UI相关推荐

  1. Android UI开发第二十五篇——分享一篇自定义的 Action Bar

    Action Bar是android3.0以后才引入的,主要是替代3.0以前的menu和tittle bar.在3.0之前是不能使用Action Bar功能的.这里引入了自定义的Action Bar, ...

  2. Android UI滑动加载源码

    2019独角兽企业重金招聘Python工程师标准>>> android UI 往右滑动,滑动到最后一页就自动加载数据并显示 如图: Java代码 package cn.anycall ...

  3. android教程 - android ui 介绍,多图详解 “Android UI”设计官方教程

    我们曾经给大家一个<MeeGo移动终端设备开发UI设计基础教程>,同时很多朋友都在寻找Android UI开发的教程,我们从Android的官方开发者博客找了一份幻灯片,介绍了一些Andr ...

  4. android ui秘笈,看图说话 – Android UI 设计秘笈 :Part I

    Android 的官方开发者博客发了一份幻灯片,介绍了一些 Android UI 设计的小贴士,Roger 在这里以看图说话的形式发出来,有兴趣的读者就继续往下翻吧.整个 PPT 共分5个部分,Par ...

  5. 【Android UI】图片 + 文字展示by SpannableStringBuilder

    起源 图片和文字混合展示,比如这么个需求,需要在每段文字的左边要有一个小圆点,(小圆点符号在android系统中并不支持). 先用TextView的setDrawableLeft, 嗯,达到要求,那么 ...

  6. Wiew 像写 Android UI 一样写小游戏布局

    Wiew 项目地址: https://github.com/onlynight/Wiew 简易微信小游戏view系统以及touch系统.你可以想写Android UI一样写界面布局,处理点击事件. 预 ...

  7. 使用XML声明自定义Android UI元素

    如何使用XML声明Android UI元素? #1楼 Google似乎更新了其开发者页面,并在那里添加了各种培训. 其中一个处理自定义视图的创建,可以在这里找到 #2楼 除了大多数投票的答案. obt ...

  8. android ui篇

    android ui篇主要做两件事情. 第一件事情就是能够自己去定义基本的简单的界面. 第二件事情就是能够使用开源library去构造一些复杂的界面. 第一件事情就需要对于布局等方面知识有着基本的掌握 ...

  9. android UI定位工具-uiautomator2的使用

    介绍: uiautomator2 是一个可以使用Python对Android设备进行UI自动化的库.其底层基于Google uiautomator,Google提供的uiautomator库可以获取屏 ...

  10. Android UI(五)云通讯录项目之联系人列表,带侧滑选择,带搜索框

    作者:泥沙砖瓦浆木匠 网站:http://blog.csdn.net/jeffli1993 个人签名:打算起手不凡写出鸿篇巨作的人,往往坚持不了完成第一章节. 交流QQ群:[编程之美 36523458 ...

最新文章

  1. 颠覆认知——Redis会遇到的15个「坑」,你踩过几个?
  2. Cissp-【第1章 安全和风险管理】-2020-12-31(58页-85页)
  3. ASP.NET Core 3.x启动时运行异步任务(一)
  4. 数据结构---基数排序
  5. 消除switch语句以获得更好的代码结构
  6. android自定义图片过渡效果,教你做出炫酷的Android动画效果
  7. JAVA内存的可见性
  8. servlet mysql 分页_Java基础94 分页查询(以MySQL数据库为例,Servlet技术)
  9. 微信sdk 隐藏右上角菜单项
  10. 你为什么迷茫的像个数据分析师?
  11. oracle16gbk存储中文乱码,解决PLSQL中文乱码以及Oracle服务端的字符集修改为ZHS16GBK(问题完善)...
  12. JS自写带描述标签云
  13. 把方形头像切成圆形的头像工具类
  14. Oracle 层级数据计算方式start with connect by
  15. IO端口、IO内存、IO空间、内存空间的含义和联系
  16. 合天网安 CTF之第六周-套娃一样的上传
  17. CPU:别再拿我当搬砖工了!
  18. 纯CSS 画斜线 画小信封图标
  19. 赛尔102S助力云南开展2020年白马雪山国家级自然保护区低空无人机生态监测
  20. 从现在开始,我要……

热门文章

  1. 点餐app的初步总结
  2. 今天我们谈谈关于java自学的那些事儿(为那些目标模糊的码农们)
  3. BZOJ5287 HNOI2018毒瘤
  4. 微信企业号开发—发送消息
  5. 微信企业号开发(一)
  6. python多线程模块threading学习笔记(5)之锁Lock
  7. Android Kiosk 模式
  8. 揭迷网络达人另类赚钱秘笈
  9. Python绘图库:Matplotlib入门教程
  10. 腾讯开放平台 应用认领命令行