您的位置:首页 > 产品设计 > UI/UE

常用布局及基本 UI 控件(2)

2016-01-12 00:00 417 查看
摘要: 常用布局及基本 UI 控件(2)

常用布局及基本 UI 控件

1、Android中从布局方式上,大致可以将基本的容器分为5种:
LinearLayout、RelativeLayout 、GridLayout、FrameLayout、TableLayout

2、LinearLayout:线性布局,分为从左到右横向布局方式和从上到下的纵向布局方式。
可以通过android:orientation="vertical" 指定方向,默认为横向

3、在线性布局中,可以通过指定View的权重去改变View布局的先后顺序,如 android:layout_weight="1",权重的值,
默认为0,权重值越大代表布局时就越靠后.

权重另外一个使用方式,在一个LinearLayout的容器中,分别给其ChildView设置权重的话,
ChildView的宽或者高会按照权重的比例去进行分配。但是要注意当设置权重的时候,
对应的childView的宽或者高要设置为0dp。具体是设置高为0还是宽为0,需要根据LinearLayout的布局方向来定,
如果说是android:orientation="vertical"则设置ChildView的高为0,否则则设置宽为0

4、android:layout_margin="5dp" 设置外边距
android:padding 设置内边距

android:gravity=""控制自己的内容显示在什么地方
android:layout_gravity="center" 要求父容器把自己放在什么地方,注意:不一定能够得到满足

5、线性布局独有的属性:android:orientation(方向) 和 android:layout_weight(权重)

注意:在指定某个View的宽高或者边距的时候,单位最好不要用px,选择用dp或者dip比较好的。

6、RelativeLayout:相对布局,使用频率最高的布局,也有图层的概念。
可很方便地指定某个View在容器中显示的位置.

指定View相对于父亲的属性:
android:layout_centerHorizontal 让View在RelativeLayout中水平居中显示
android:layout_centerVertical 让View在RelativeLayout中垂直居中显示
android:layout_centerInParent 让View在RelativeLayout中居中显示
android:layout_alignParentBottom 让View对齐RelativeLayout的底部显示
android:layout_alignParentLeft 让View对齐RelativeLayout的左边显示
android:layout_alignParentRight 让View对齐RelativeLayout的右边显示
android:layout_alignParentTop 让View对齐RelativeLayout的顶部显示
可以联合使用

7、指定View相对于另外一个View的属性:
android:layout_above="@id/basetextView" 让View位于id为basetextView那个View的上方
android:layout_below="@id/basetextView" 让View位于id为basetextView那个View的下方
android:layout_toLeftOf="@id/basetextView" 让View位于id为basetextView那个View的左边
android:layout_toRightOf="@id/basetextView" 让View位于id为basetextView那个View的右边
8、指定View与另一个View边缘对齐的属性:
android:layout_alignLeft="@id/base_textView"让View的左边缘跟id为base_textView那个View的左边缘对齐
android:layout_alignRight="@id/base_textView"让View的右边缘跟id为base_textView那个View的右边缘对齐
android:layout_alignTop="@id/base_textView"让View的上边缘跟id为base_textView那个View的上边缘对齐
android:layout_alignBottom="@id/base_textView"让View的下边缘跟id为base_textView那个View的下边缘对齐

9、Android UI控件及UI组件:
控件名称:
1. TextView 文本视图
2. EditText 文本编辑框
3. Button 按钮
4. ImageView、Gallery 图像视图、画廊(建议过期)
5. ImageButton 图片按钮
6. ToggleButton 、Switch 开关按钮、开关
7. RadioButton 单选按钮
8. CheckBox 多选框
9. Spinner 下拉列表
10. AutoCompleteTextView 自动完成文本框
11. ProgressBar 进度条
12. SeekBar 拖动条
13. RatingBar 星级评分条
14. TimePicker、DatePicker 时间选择器、日期选择器
15. AnalogClock、DigitalClock 模拟时钟、数字时钟
16. Dialog(AlertDialog、ProgressDialog、TimePickerDialog、DatePickerDialog)提示对话框、进度对话框、时间选择对话
框、日期选择对话框
17. ListView、GridView 列表视图【 最重要的UI组件 】、 网格视图
18. ScrollView 滚动视图
19. ExpandableListView 可展开列表视图
20. WebView 网页视图
21. SearchView 搜索框
22. TabHost 书签选项卡
23. Notification 、Toast 通知 、 吐司(短时提醒)
24. Menu(OptionMenu /SubMenu、ContextMenu) 菜单(选项菜单、上下文菜单)
25. ImageSwitcher、TextSwitcher 、 ViewPager 图像切换器、文本切换器
26. ActionBar 动作导航条
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: