在上一章我们曾经谈到,Android平台的界面 是使用XML的方式设计的,然后在上一章我们只做了一个简单的界面,在这章,我们将介绍如何使用常用的控件设计实用的界面。Android中的视图都是继承View的。Android的视图分2种,一种是普通的视图,一种是ViewGroup。他们的区别在于,Vie...
分类:
移动开发 时间:
2014-09-01 10:31:42
阅读次数:
280
前面的两篇博客都是学习有关屏幕适配也就是相对布局的东西,这篇博客中将会学习视图间的切换。视图间的切换我们可以用代码完成或者用storyboard来建立各个视图控制器间的关系。在需要用到代码进行切换时会用代码进行视图间的跳转。下面的东西我们会主要介绍到NavigationController来进行.....
分类:
移动开发 时间:
2014-09-01 09:15:32
阅读次数:
296
在设计的过程中我们一定经常会遇到这样的需求:
一行内放3个控件,左边控件左对齐,右面控件右对齐,中间控件来填充剩下的空间。
或者一列内放3个控件,上面的与顶部对齐,下面的沉在最底部,中间控件是弹性的,充满剩余空间。
情况一:水平布局
图示:
这是第一种情形。由于涉及到ImageView,想保持图片原比例不便使用LinearLayout的weight属性。
解决办法:
1....
分类:
移动开发 时间:
2014-09-01 01:39:42
阅读次数:
337
如今,一个网站只在桌面屏幕上好看是远远不够的,同时也要在平板电脑和智能手机中能够良好呈现。响应式的网站是指它能够适应客户端的屏幕尺寸,自动响应客户端尺寸变化。这篇文章将展示如何通过3个简单的步骤轻松地使网站变成响应式(Responsive)。1 – 布局 当创建一个响应式网站,或让现有的网...
分类:
Web程序 时间:
2014-09-01 00:19:42
阅读次数:
226
DIV+CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV+CSS网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV+CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容.兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2...
分类:
Web程序 时间:
2014-09-01 00:19:22
阅读次数:
318
CSS中对静态网页的布局和定位已经较为成熟 现在运用CSS(层叠样式表)已经可以对静态网页的色彩搭配 、图片点击效果、列表外观进行设置较使用时间较长的JS有了很大提升 而HTML5在图片和基本的点击事件以及动画上面也有了很多提升 使HTML5超前完成了JS可以完成的工作任务以下列出CSS中静态网页布...
分类:
Web程序 时间:
2014-09-01 00:18:32
阅读次数:
285
如果我们写了个网页想让它在不同屏幕的分辨率、清晰度、屏幕的显示方式(横屏、竖屏)上正常的显示,就需要一种弹性栅格式布局,不同尺寸下弹性适应,响应式布局能达到这个要求。一:先来说说它的优缺点优点:面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点:兼容各种设备工作量大,效率低下代码累赘,会出...
分类:
Web程序 时间:
2014-09-01 00:14:42
阅读次数:
303
布局用于定义容器如何组织内部子元素和控制子元素的大小。 ExtJS中有两种类型的布局:Container容器类布局与Component组件类布局。 Containter容器类布局:负责容器内容Extjs元素和调整Extjs元素的大小。 包括:Border布局、Box布局、Fit布局等等...
分类:
Web程序 时间:
2014-09-01 00:13:42
阅读次数:
391
盒子模型在CSS中是个很重要的概念。它是CSS可视化格式化系统的基石。盒子模型可以用于元素定位和网页布局。根据CSS盒子模型的规定,每个元素(不管是内嵌元素还是块级元素)都会产生一个矩形盒子围绕在元素内容之外。这个盒子我们称之为元素盒。当然还有其他盒子,这里我们主要说说元素盒。下面是一张盒子模型的示...
分类:
Web程序 时间:
2014-08-31 22:52:41
阅读次数:
369
CSS 浮动,一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问,浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么?本文将一步一步地深入.....
分类:
其他好文 时间:
2014-08-31 22:37:11
阅读次数:
222