TC官方合作论坛

 找回密码
 立即注册
查看: 13526|回复: 19

TC5.0android界面设计基础教程

  [复制链接]
发表于 2015-3-25 23:08:15 | 显示全部楼层 |阅读模式

马上加入TC

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
由于android界面的特殊性,与window的界面设计有比较大的区别,今天给大家来讲一下android界面设计的基础
首先给大家看几张简单的效果图

QQ截图20150325104931.png 11111.png

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

1.png

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

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

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

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


大家看一组很简单的图片
5.png 6.png
布局就出来了,android界面设计并没有想像中的那么难吧

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

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

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

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

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


回复

使用道具 举报

发表于 2015-3-25 23:11:34 | 显示全部楼层
tc大大,帮我看看我的帖子问题吧{:soso_e109:}
回复 支持 反对

使用道具 举报

发表于 2015-3-25 23:26:33 | 显示全部楼层
终于有官方的教程了。。。
回复 支持 反对

使用道具 举报

发表于 2015-3-26 05:58:43 | 显示全部楼层
言术 发表于 2015-3-25 23:26
终于有官方的教程了。。。

泪牛满面呀! 终于有了
回复 支持 反对

使用道具 举报

发表于 2015-3-26 07:12:45 | 显示全部楼层
hlincs 发表于 2015-3-26 05:58
泪牛满面呀! 终于有了

赞一个
回复 支持 反对

使用道具 举报

发表于 2015-3-26 07:13:30 | 显示全部楼层
赞一个
回复

使用道具 举报

发表于 2015-3-27 08:51:38 | 显示全部楼层
我完全按照你示例输入的,为什么出现这个情况?希望指点一二,谢谢了,版本:TC5-0326

QQ截图20150327084847.jpg
回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-27 09:25:20 | 显示全部楼层
最外层的线性布局 排列方式搞错了
回复 支持 反对

使用道具 举报

发表于 2015-4-4 17:22:24 | 显示全部楼层
回复

使用道具 举报

发表于 2015-4-21 17:59:02 来自手机 | 显示全部楼层
支持支持!!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

推荐上一条 /2 下一条

关闭

小黑屋|TC官方合作论坛 (苏ICP备18045623号)

GMT+8, 2024-5-3 01:43 , Processed in 0.058829 second(s), 25 queries .

Powered by 海安简单软件服务部

© 2008-2019 版权所有 保留所有权利

快速回复 返回顶部 返回列表