secondapplication
开发工具(android studio)
天气预报界面效果图预览

1.1. 顶部工具栏
-
效果图
image.png
采用<LinearLayout>
中嵌套<LinearLayout>
布局实现
- 左 - 水平方向
<LinearLayout>
放1个<ImageView>
组件

- 中 - 水平方向
<LinearLayout>
放1个<TextView>
组件

- 右 - 水平方向
<LinearLayout>
放3个<ImageView>
组件

1.2. 主界面上部
-
效果图
image.png
采用<LinearLayout>
中嵌套<RelativeLayout>
布局实现
- 1.3. 主界面中部
<LinearLayout>
中放<TextView>

- 1.4. 主界面底部
<LinearLayout>
中放<TextView>
,左中右等比布局

网友评论