Question

android studio 做ui界面都是用手工敲代码吗？

初学android studio 开发手机app,一直耐着心看着枯燥无味又看不太懂的教程，一直看到ui界面设计开始有点小兴奋。。。。可是看了教程，发现设计背景图片位置全是用代码设置，就连设置一个按钮上面的文字的颜色，都是直接敲代码 android:textColor="115572' ,这实在是让我大受打击，就没有一点用鼠标拖动安放位置，或是有个颜色面板可以选择颜色的方式吗？谁TM记得那些颜色号码啊？

Answer 1

（1）标题  
首先我们建立一个TextView控件来写标题。
实验对标题的要求如下：
1 标题字体大小 20sp（android:textSize="20sp"）
2 与顶部距离 20dp  （与父容器顶部对齐后再设置与顶部距离20dp）
 
3 居中 （与父容器左右都对齐后即可）
 
（2）图片  
建立一个ImageView控件来写标题。先将图片复制到res/drawable目录下，然后通过app:srcCompat="@drawable/sysu"来引用。
实验对图片的要求如下：
1 图片与标题的间距为 20dp （先将图片顶部与标题底部对齐，再设置20dp的间距）
 
2 居中 （与父容器左右都对齐后即可）
（3）输入框  
先建立两个TextView控件，用来写“学号”和“密码”。“学号”（user_id）控件放在距离图片20dp，与屏幕左边也距离20dp。
 
“密码”（user_pwd）控件放在user_id下方20dp处，用以实现上下两栏间距 20dp。
 
接着设置建立两个EditView控件，用来输入学号和密码。
输入学号的控件布局设置如下：
 
由上面代码可知道，我们将其放在user_id控件右边，同时距离屏幕右边20dp。但是下划线长度一直保持跟hint字数长短一致，查阅资料后，将layout_width的属性由wrap_content改为fill_parent才使得下划线由下图左的状态变为下图右。

Answer 2

基本都是手工敲代码，这是没办法的办法，androidstudio的拖拽控件做的太烂，会把整个代码层搞乱，以后如果要修改根本捋不明白，而且许多控件属性还是在代码通过提示好找。不知道你使的是哪个版，颜色是在textcolor左侧能选，但颜色主要是美工提供。

Answer 3

不是的，看情况进行选择。

Answer 4

建立一个ImageView控件来写标题。先将图片复制到res/drawable目录下，然后通过app:srcCompat="@drawable/sysu"建立一个ImageView控件来写标题。先将图片复制到res/drawable目录下，然后通过app:srcCompat="@drawable/sysu"来引用。引用。建立一个ImageView控件来写标题。先将图片复制到res/drawable目录下，然后通过app:srcCompat="@drawable/建立一个ImageView控件来写标题。先将图片复制到res/drawable目录下，然后通过app:srcCompat="@drawable/sysu"来引用。"来引用。

Answer 5

ConstraintLayout基本界面
在今天的文章开始之前，有个忙想请大家帮一下，希望在京东、淘宝、当当、亚马逊购买了我的书《Android群英传:神兵利器》的朋友们，帮忙去网店上给个简短的评价，举手之劳，还是多谢大家啦~~
更新Android Studio 2.2之后，更新了布局设计器，同时，引人了ConstraintLayout，这一布局，旨在降低布局层级，其主要界面如下所示：

这个界面主要分成下面几个部分：
左侧边栏，包括Palette组件库和Component Tree
中间是布局设计器，包括两部分，左边是视图预览，右边是布局约束
右侧边栏，上面是类似盒子模型的边界和大小布局设计器，下面是属性列表
在熟悉了界面之后，我们要做的就是理解，什么是ConstraintLayout。ConstraintLayout的核心，实际上就是『约束』，这个翻译很直接，也很准确，它可以说是一个强化的
RelativeLayout，只不过比RelativeLayout增加了更多的约束条件和方式，从这一点上去理解，就很容易接受了。
在第一次引人ConstraintLayout的时候，Android Studio会自动去下载依赖，等他自动完成安装即可。
最后，在build.gradle中会添加一行依赖：
<code class="hljs bash has-numbering">compile <span class="hljs-string">'com.android.support.constraint:constraint-layout:1.0.0-alpha8'</span></code><ul style="" class="pre-numbering"><li>1</li></ul>