TC官方合作论坛

标题: TC5.0android界面设计基础教程 [打印本页]

作者: kevinqq 时间: 2015-3-25 23:08
标题: TC5.0android界面设计基础教程
由于android界面的特殊性,与window的界面设计有比较大的区别,今天给大家来讲一下android界面设计的基础
首先给大家看几张简单的效果图

接下来我们讲如果设计界面,创建项目的过程,不多介绍了,我们直入主题
大家可有些会设计界面的同学会发现,每次界面设计好了以后最低下会多一个 "启动悬浮窗口"的按钮,我们先介绍,如何显示与屏蔽这个按钮,得到我们想要的完整界面

从tc50324版本起,增加了叫配置的节点,这要节点主要管理整个界面的启动方式,当然现在这个节点只有一个属性,启动模式,有三种值悬浮窗,无悬浮窗,默认

悬浮窗:故名思义,就是默认启动的时候,会自动把悬浮窗口启动
无悬浮窗:就是在启动主界面的时候以大家设置的界面来启动,没有其他的按钮
默认:就是我们早期默认的模式,有悬浮窗口启动按钮

具体大家可以配置一下属性,点击运行按钮看下三者点的区别
悬浮窗无悬浮窗默认

图1 图2 图3
接下来,我们正式进入界面设计有环节
TC5.0 adnroid项目现有的界面设计与android开发的官方设计是类似的
所以我们先从布局入手
我们现在只有一种布局方式:线性布局,分为横向排列,与纵向排列,这里的横向与纵向是指,布局包裹的控件都是以纵向或者横向全局排列的

大家看一组很简单的图片

布局就出来了,android界面设计并没有想像中的那么难吧

因为线性布局之间是可以嵌套的,可以这两种可以做出大量我们所需要的效果
同时每个控件都拥有多种不同的属性,大家可以在帮助文档中查询每个控件对应属性是什么效果

接下来给大家说一下在布局当中用得比较多的属性 "权重",可能从字面上大家不是太理解
它实际表达的意思是,当我们的宽度或者高度属性在设置为"填充"的情况下,按屏幕的宽度或者宽度来进行百分比划分
举个简单例子我一个 "横向排列"的两个编辑框控件, 设置宽度为"匹配内容"然后我们直接看截图

很明显整个屏幕宽带被分为三份编辑框1 占一份宽度,编辑框2占两份宽度, 这样大家应该就明白这相权重的概念了吧
另外关于权重还有一个要注意的地方如果编辑框的宽带设置为填充的话,会得到相反的结果

今天给大家介绍了两种最简单的属性,接下来有时间,将给大家继续讲解android控件其他相关知识

大家可以按我讲的内容自己操作一下熟悉一下android的简单布局

作者: fuxiaojun185 时间: 2015-3-25 23:11
tc大大，帮我看看我的帖子问题吧