对于一些较为简单的界面则自己进行写。

在这里就需要了解xml文件中一些基本的属性以及android手机的知识。

一、目前手机屏幕像素密度基本有5种情况。(以下像素密度简称密度)

密度   ldpi      mdpi       hdpi      xhdpi         xxhdpi

密度值  120      160       240      320         480

分辨率  240x320    320x480    480x800    720x1280    1080x1920

换算  1dp=0.75px   1dp=1px     1dp=1.5px   1dp=2px      1dp=3px

当安卓系统字号为“普通”时,sp==dp,换算到px和dp一样。

1.320x480和480x800的屏幕宽度都是320dp,720x1280和1080x1920屏幕宽度都是360dp.

2.默认360dp的屏幕布局(较为主流),对320dp的屏幕单独布局,布局文件放到layout-w320dp文件夹中,其他特殊分辨率的可以将布局文件放在标有分辨率的文件夹中,如layout-854x480。

xml的基本属性以及案例:

在学习控件的过程中我们应该对一些常用的XML属性有更深入的理解,这有利于我们继续学习Android的高级技术。

1:android:id

如果要在代码或在XML布局文件中引用某个控件,该控件必须要设置android:id的属性-@id/value或者@+id/value。

  第一种格式中的value必须要在R.id类中存在,也就是说,要为当前控件指定一个在R.id类中已经存在的int类型变量作为其ID值,如果该变量不存在的话,XML布局文件无法验证通过。第二种在@和id之间多了一个加号,表示如果value指定的变量如果在R.id类中存在,则使用已经存在的变量值作为其ID值,否则将会在R.id类中新建一个int类型的变量并储存。

  2:android:layout_width和android:layout_height

  这两个属性分别用来设置控件的宽度和高度,是必选的。可以设置的值除了fill_parent和wrap_content外,还可以设置精确的值,单位是px或者dp(dip)。其中fill_parent表示尽可能地充满父控件的空间,如果当前控件是最上层,就是充满整个屏幕。wrap_content表示根据控件中的内容来确定,也就是说,在满足完全显示控件内容的情况下,把宽度和高度设置为最小。

  3:android:layout_margin

  设置控件到相邻控件或者边缘的距离可以使用android:layout_margin属性。该属性设置了4个方向的距离,也就是上下左右这4个。

  例如:android:layout_margin="50dp"。如果想要单独设置某一个方向的距离,可以单独使用android:marginTop、Bottom、Left、Right这4个属性。

  如果同时设定了android:layout_margin和这4个属性的话,系统优先使用android:layout_margin的属性值。

  4:android:padding

  android:padding属性可以设置控件的内容在4个方向距离控件边缘的距离。与android:layout_margin类似,它也有单独设置某一个方向距离的属性,

  同时也优先于这4个单独的属性。我们初学者比较容易混淆android:padding和android:layout_margin的概念。其实这二者很容易区分,有layout的属性是指控件与控件或者是边缘之间的距离,所以加上了layout,它和控件的布局相关;而没有layout的属性是指该控件中的内容距离控件边缘的距离,和控件的布局位置无关。

  5:android:layout_weight

  这个属性在进行均衡布局时非常有用。所谓均衡布局,是指两个或者多个控件要占用等比例的区域,它们所占的比例不因屏幕的方向变化、屏幕的密度变化以及总宽度或高度的变化而变化。例如,有3个按钮,要求在水平方向各占1/3的长度,就可以将这3个控件的android:layout_weight属性设置为相等的3个值(必须是正整数,不需要加任何单位),如android:layout_weight="1"。

  6:android:layout_gravity和android:gravity

  这两个属性分别表示控件和控件中的内容的位置。例如,在一个<LinearLayout>>标签中,有一个<Button>按钮,要想使Button在水平方向居中,即可以在<Button>标签中设置android:layout_gravity属性,也可以在<LinearLayout>标签中设置android:gravity属性。

  android:layout_gravity和android:gravity可设置的属性值完全一样,常用的属性值如下:

center_horizontal:水平居中

center_vertical:垂直居中

center:水平和垂直都居中

left:设置到左侧

right:设置到右侧

top:设置到顶端

botton:设置底端

  以上属性均可设置多个,用" | "号连接。

  7:android:visibility

  该属性决定了当前控件是否可见。可设置以下3个属性值。

  visible:控件可见

  invisible:控件不可见,但保留控件的位置

  gone:控件不可见,也不保留控件的位置

  代码修改:View.setVisibility(View.GONE);

  8:android:background

  该属性用于设置控件的背景色或背景图。如果要设置背景色,需要使用#color形式的属性值,其中color表示一个16进制的颜色值。

  设置背景图的话,格式为@drawable/resourceId,其中resourceId表示图像的资源ID,假如我们想要更改我们整个界面的背景图的话,

  可以先找到最上层的一个Layout,在其标签里设置它的android:background=“@drawable/background"。

  9:android:onClick

  从Android1.6开始,视图便多了一个android:onClick属性,通过该属性,可以直接定义当前布局文件的Activity类中的单击事件的方法名。

  该方法的定义要和单击事件一致,方法名可以任意指定,但访问修饰符必须是public。

  此外还有android:clickable和android:longClickable,这两个属性都需要设置布尔类型的属性值,前者表示当前控件是否可以接受单击事件,后者表示当前控件是否可以接受长按单击事件(按住控件不动,则触发长按单击事件)。

  10:android:focusable和android:focusableInTouchMode

  大多数的控件都可以获得焦点,也就是处在选中状态。android:focusable决定当前控件是否可以获得焦点。

  如果将android:foucsableInTouchMode属性值设置为true,当触摸控件时,会先将焦点移动到被触摸的控件上,然后需要再次触摸该控件才会响应单击事件。使用该属性需要将android:focusable属性值设置为true。

不错的android界面设计例子:网上搜miniTwitter

Android L

android ui篇 自己写界面的更多相关文章

  1. android ui篇

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

  2. iOS开发UI篇—手写控件,frame,center和bounds属性

    iOS开发UI基础—手写控件,frame,center和bounds属性 一.手写控件 1.手写控件的步骤 (1)使用相应的控件类创建控件对象 (2)设置该控件的各种属性 (3)添加控件到视图中 (4 ...

  3. Android UI 之 Tab类型界面总结

    Android 程序中实现Tab类型界面很常见,本人在做项目的时候也经常用到,所以想在这里总结一下,实现tab类型界面的几种方式,供大家参考.如有不对之处,欢迎大家指正! 一.TabActivity ...

  4. Android UI开发第四十一篇——墨迹天气3.0引导界面及动画实现

    周末升级了墨迹天气,看着引导界面做的不错,模仿一下,可能与原作者的代码实现不一样,但是实现的效果还是差不多的.先分享一篇以前的文章,android动画的基础知识,<Android UI开发第十二 ...

  5. Android UI开发第三十九篇——Tab界面实现汇总及比较

    Tab布局是iOS的经典布局,Android应用中也有大量应用,前面也写过Android中TAb的实现,<Android UI开发第十八篇——ActivityGroup实现tab功能>.这 ...

  6. 【Android UI设计与开发】第01期:引导界面(一)ViewPager介绍和使用详解

    做Android开发加起来差不多也有一年多的时间了,总是想写点自己在开发中的心得体会与大家一起交流分享.共同进步,刚开始写也不知该如何下手,仔细想了一下,既然是刚开始写,那就从一个软件给人最直观的感受 ...

  7. (转)Android项目重构之路:界面篇

    在前一篇文章<Android项目重构之路:架构篇>中已经简单说明了项目的架构,将项目分为了四个层级:模型层.接口层.核心层.界面层.其中,最上层的界面,是变化最频繁的一个层面,也是最复杂最 ...

  8. 【Android UI设计与开发】第05期:引导界面(五)实现应用程序只启动一次引导界面

    [Android UI设计与开发]第05期:引导界面(五)实现应用程序只启动一次引导界面 jingqing 发表于 2013-7-11 14:42:02 浏览(229501) 这篇文章算是对整个引导界 ...

  9. CodeFirst写界面——自己写客户端UI库

    何谓CBS程序 CBS程序就是Client+Browser+Service的程序 纯CS程序写界面,有各种难处,那么我就在Client端引入Browser,让Browser渲染基于HTML的UI界面 ...

随机推荐

  1. EasyUI datagrid 过滤事件段

    //dateTimeRange过滤扩展 $.extend($.fn.datagrid.defaults.filters, { dateRange: { /*onInit: function(targe ...

  2. HTML5实战与剖析之媒体元素(6、视频实例)

    HTML5中的视频标签和及其模仿视频播放器的效果在一些手机端应用比較多.由于手机端基本上废除了flash的独断.让HTML5当家做主人,所以对视频支持的比較好. 所以今天专门为大家奉上HTML5视频标 ...

  3. [1-6] 把时间当做朋友(李笑来)Chapter 6 【更多思考】 摘录

    记住,你不可能百分之百地有效率,至少不可能总是百分之百地有效率. 他们的效率很差.根源在于,他们其实只做简单的事情,而回避那些有难度的工作. 好像丢钱包的人都不是“故意”丢的一样,办事拖拉的人大多并非 ...

  4. MYSQL数据插入、更新及删除

    上文讲到创建数据表,本文介绍create table后的数据插入: 一.通过insert into ...values...插入 insert into tablename (column1,colu ...

  5. javax.mail Java Extension(扩展)

    http://baike.baidu.com/view/616724.htm JavaMail,顾名思义,提供给开发者处理电子邮件相关的编程接口.它是Sun发布的用来处理email的API.它可以方便 ...

  6. .NET CORE 2.0小白笔记(五):配置的热更新、配置的框架设计

    配置的热更新 什么是热更新:一般来说,我们创建的项目都无法做到热更新:即项目无需重启,修改配置文件后读取到的信息就是修改配置之后的 我们只需要吧项目中用到的IOptions改成IOptionsSnap ...

  7. ios 抓包工具 ios青花瓷charles

    iOS_青花瓷Charles抓包,ios青花瓷charles 使用青花瓷Charles抓取手机端的网络请求: 第一步,下载安装并打开Charles 第二步,去掉菜单[Proxy]以下的[Mac OSX ...

  8. MongoDB 的聚集操作

    聚合引言 聚集操作就是出来数据记录并返回计算结果的操作.MongoDB提供了丰富的聚集操作.可以检測和执行数据集上的计算.执行在mongod上的数据聚集简化了代码和资源限制. 像查询一样,在Mongo ...

  9. linux下 apache启动、停止、重启命令

    假设你的apahce安装目录为/usr/local/apache2,这些方法适合任何情况 apahce启动命令:推荐/usr/local/apache2/bin/apachectl start apa ...

  10. explicit 构造函数

    一.构造函数.默认构造函数.合成的默认构造函数 构造函数,是函数名与类名同样.没有返回类型的特殊的成员函数.能够有初始化列表. 默认构造函数,没有形參.或全部形參都有默认实參的构造函数. 假设没有显示 ...