我们开发 Android 程序必定是从 UI 开始的 ,使用最新版的 Android Studio 可以在图形化界面下设计软件 UI, Android Studio 默认的布局是 ConstraintLayout 通过拖动可以快捷的将我们想要的文字.图片.输入框放到界面中 通过各种国定对齐方式可以方便的设计程序 UI ,并让界面适应不同的屏幕大小 其中值得注意的是,魔法棒按钮可以智能的固定已有的组件,十分方便 一般用好辅助线和边界线就可以设计出比较整齐的界面来

Android的界面设计工具 DroidDraw DroidDraw 下载地址:http://code.google.com/p/droiddraw/ 如图 也可以使用在线的版本(http://www.droiddraw.org/).

一.问题描述 双导航tab切换(底部区块+区域内头部导航),实现方案底部区域使用FragmentTabHost+Fragment, 区域内头部导航使用ViewPager+Fragment,可在之前博客Android典型界面设计2(FragmentTabHost+Fragment实现底部tab切换)基础之上和Android典型界面设计1(ViewPage+Fragment实现区域顶部tab滑动切换)整合应用实现.查看两篇博客请点击:http://www.cnblogs.com/jerehedu/p

一.问题描述 侧边栏是Android应用中十分常见的界面效果,可随主屏在左侧或右侧联动,是特别适应手机等小屏幕特性的典型界面设计方案之一,常用作应用的操作菜单,如图所示 实现侧边栏可以使用第三方组件slidingmenu实现和Google官方提供的滑动抽屉组件DrawerLayout实现,下面就分别使用这两种方法实现左右滑动的侧边栏 二.先使用之前讲过的ActionBar制作标题栏 这里只贴出代码,相关知识请查阅 <Android典型界面设计(4)——使用ActionBar+Fragment实现

一.问题描述 在Android典型界面设计一文中,实现典型滑动导航界面,其实使用ActionBar 也可以轻松实现这一效果,甚至也可实现类似Android典型界面设计(3)的双导航效果.可见ActionBar还是比较强大的,关键要深入进去.灵活的运用,下面我们就使用ActionBar实现如图所示的效果: 二.本例特点 1.  兼容低版本 2. 使用ActionBar 分体设计(split) 3. Tab使用自定义View 4. 结合ViewPager实现滑动导航 三.代码讲解: 1.在项目中加入

一.问题描述 在Android典型界面设计(3)的我们实现了双导航效果,即外层底部导航和内部区域的头部导航,如网易新闻等很多应用采用了这种导航,但Google提供DrawerLayout可实现抽屉式导航,建议使用DrawerLayout代替底部导航,下面我们就使用官方提供的DrawerLayout+Fragement+ViewPager+PagerTabStrip实现下图效果: 二.本例相关技术 1. DrawerLayout 抽屉式导航 2. Fragment管理 3. ViewPager和P

百度文库: http://wenku.baidu.com/link?url=s66Hw6byBEzmjL77doYL1YQN4Y_39F7MovaHKs5mVGrzTDOQCAmiM-1N_6Cdm-4yWDATgwH2RCA-fAzmWBIu-1yyq8Td0hcWwYxaYdNPNim&from_mod=download android ui界面设计参数讲解 android:layout_width    设置组件的宽度    android:layout_height    设置组件的高度

一.问题描述 双导航tab切换(底部区块+区域内头部导航),实现方案底部区域使用FragmentTabHost+Fragment, 区域内头部导航使用ViewPager+Fragment,可在之前博客Android典型界面设计2(FragmentTabHost+Fragment实现底部tab切换)基础之上和Android典型界面设计1(ViewPage+Fragment实现区域顶部tab滑动切换)整合应用实现.查看两篇博客请点击:http://www.cnblogs.com/jerehedu/p

原文:Android零基础入门第12节:熟悉Android Studio界面,开始装逼卖萌 通过前两期的学习,我们可以正确搭建好Android Studio的开发环境,也创建了HelloWorld工程并成功运行,那么本期就带你一起来了解这款强大的IDE开发工具吧. 一.Android Studio主页面板 重新打开Android Studio会进入如下主页面,与第一次打开有略微差别. 从上图可以看到,一共有四大区域,接下来分别简单介绍: 区域1为最近新建或打开的Android Studio工程列

首先 创建一个新的项目找到app 文件目录下的layout的 activity_main.xml 因为Android Studio 是可视化的,所有操作都可以在图形界面进行. 该res 界面当中  drawable 可以将需要的图片导入该目录当中进行调用 layout的目录是布局界面 values 当中存有可以更改界面的颜色 字符串还有款式的xml文件.当然也可以在可视化界面当中便捷的更改. 如下图所示为可以添加到界面的各种符号,若账号输入框,密码输入框,按钮和各种选择键. 添加辅助线的按钮如下

一.问题描写叙述 本系列将结合案例应用,陆续向大家介绍一些Android典型界面的设计,首先说说tab导航,导航分为一层和两层(底部区块+区域内头部导航).主要实现方案有RadioGroup+ViewPage+Fragment.Viewpager Indicator.ActionBar Tabs.FragmentTabHost+Fragment等,以下我们先採用RadioGroup+ViewPage+Fragment实现区域头部导航. 如图所看到的: 二.案例主要组件 1.先看一下MainAct

一.问题描述 之前我们使用ViewPager+Fragment区域内头部导航,在Android 3.0之后Google增加了新的ActionBar,可方便的实现屏幕Head部区域的 设计如返回键.标题.ICON.Logo.自定义View以及菜单等,并可实现Tab导航,下面我们就使用ActionBar实现下图所示界面设计: 二.案例主要组件 1.编写TBActivity public class TBActivity extends Activity { private ActionBar act

移动开发的工具有很多:Android Studio,eclipse,Hbuilder等,其中,现如今最火的开发工具是Android Studio,Android Studio是谷歌自己推出的一款集成开发应用,且谷歌已经终止了对eclipse的支持,所以,我们选择Android Studio作为我们学习的开发工具, Android Studio安装教程:https://www.bilibili.com/video/av50954019(这个教程并不是我录制的) 学习内容:    1.创建页面 名词

DroidDraw是款强大的安卓界面设计软件,基于Java Swing开发,可以通过它拖动控件.设置层属性.设置颜色等步骤轻松地生成复杂的安卓XML布局文件. >>>>>>>>下载

用惯了emacs的操作方式,每当使用一款新的编辑器的时候,第一个想到的就是这个工具有没有emacs的快捷键,Android studio也是一样的. 1. Android studio设置emacs的方式如下,点击File->Settings 选择其中的keymap,在keymap中选择emacs,这样就成功的设置好了emacs的操作模式: 2. 编辑器主题设置 在File->Settings->Apperance->Theme中选择Darcula 3. 字体大小的设置: File

 第 1 页:原型界面制作工具Lumzy  第 2 页:在线工具Mockingbird  第 3 页:开源UI工具The Pencil Project  第 4 页:JS开发工具包Dojo  第 5 页:排版托管Mocklinkr  第 6 页:在线排版工具MockFlow  第 7 页:Serena Prototype Composer  第 8 页:在线绘图工具Cacoo  第 9 页:UI工具DENIM  第 10 页:网上应用线框Hot Gloo  第 11 页:User Interfa

一.问题描述 在上次博文中,我们使用RadioGroup+ViewPage+Fragmen实现了顶部滑动导航(查看文章:http://www.cnblogs.com/jerehedu/p/4607599.html#dxjmsj ),接下来我们使用FragmentTabHost+Fragment实现底部tab切换,效果如图所示 二.案例主要组件 1.MainActivity布局 把整个Activity分成两部TabHost和TabContent,TabHost包含各个tab,tab之间切换将在Ta

设计一个选项卡. 大体图样: 1.创建一个multi_Device_Application;2.在form上放一个Rectangle1,设置align为top.设置fill属性的kind为Gradient,编辑Gradient(颜色取值见样图).3.再放一个Rectange2设置align为top,底色为白色.4.在Rectange2上放置三个RoundRect1,RoundRect2,RoundRect3.设置它们的Corners属性的TopLeft和TopRight为TURE,BottomL

ADT中的界面开发工具实在是很烂,通常情况下都需要硬编码,对于程序员来说不但效率比较低下,而且调试起来极其不方便,还好在Google未推出GUI的"所见即所得"的工具之前,我们找到这款软件DroidDraw,这款软件采用Java开发而成.     DroidDraw目前是一个公开的Google Code项目,可以免费在线下载(https://code.google.com/p/droiddraw/downloads/list).通过该软件可以很直接的进行拖拽,而且软件同时提供了对属性的

一.问题描述 PagerSlidingTabStrip是android开源项目,指示器控件.官网地址:https://github.com/astuetz/PagerSlidingTabStrip 该组件可和ViewPager结合实现效果不错的滑动式导航,最大特点是滑动条可跟随ViewPager联动,不过PagerSlidingTabStrip只有文字或图片两种,没有提供图片和文字的混合的形式,感觉更适合实现头部的导航,不太适合做底部导航(一般底部导航都是典型的上图下字的导航),不过可以通过修改

软件名称:DroidDraw 软件大小:489KB(Windows版本) 支持系统:Mac OS X/Windows/Linux 下载地址:http://code.google.com/p/droiddraw/ ADT中的界面开发工具实在是很烂,通常情况下都需要硬编码,对于程序员来说不但效率比较低下,而且调试起来极其不方便,还好在Google未推出GUI的“所见即所得”的工具之前,我们找到这款软件DroidDraw,这款软件采用Java开发而成. DroidDraw目前是一个公开的Google