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

在这里就需要了解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. C++ 设置文件最近修改时间

    利用VS开发C++项目,经常发现修改系统时间后,每次编译过程会变得很慢,其原因就是当你把系统时间调到未来的一个时间点,然后有意或者无意编辑过一些代码文件,那么这些文件的时间戳就停留在未来. 当你把系统 ...

  2. 10分钟-jQuery-基础选择器

    1.id 选择器 jquery能使用CSS选择器来操作网页中的标签元素.假设你想要通过一个id号去查找一个元素,就能够使用例如以下格式的选择器: $("#my_id") 当中#my ...

  3. [转载]Error -27796: Failed to connect to server

      原文地址:Error -27796: Failed to connect to server "test.shunde.gov.cn:80"作者:蓝小C 问题描述: 使用Loa ...

  4. 根域名服务器 根服务器一般指根域名服务器 (DNS)

    Why There Are Only 13 DNS Root Name Servers -------------------------------------------------------- ...

  5. 微信小程序 - 豆瓣同城

    代码地址如下:http://www.demodashi.com/demo/12121.html 一.准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.com/ ...

  6. Effective JavaScript Item 10 避免使用with

    本系列作为Effective JavaScript的读书笔记. Item 9:避免使用withkeyword 重点: 设计withkeyword本来是为了让代码变简洁,可是却起到了相反的效果.比方: ...

  7. The TTY demystified

    http://www.linusakesson.net/programming/tty/index.php The TTY demystified Real teletypes in the 1940 ...

  8. 我最喜欢的模板jade(pug)学习和使用

    由于版权问题,现已改名pug.但无须担心,几乎没什么区别.就算依然使用jade也不会有太大影响. 慢慢迁移过渡即可 # 官网 https://pugjs.org # github https://gi ...

  9. GoogleMap的鼠标点击标注、搜索和设置城市的简单应用

    资源 Google Map API包含了大量的文档.示例和各种资料.在使用前需要申请自己的密钥 墙内要用:http://maps.google.cn/maps/api/js? 墙外可用:https:/ ...

  10. OpenLayers加载天地图

    openlayer 是基于JavaScript的webGIS库 ,通过openlayer可以很容易的调用地图,并做相应的操作. 在head中载入openlayer的js文件: <link rel ...