secondapplication

开发工具（android studio）

天气预报界面效果图预览

image.png

1.1. 顶部工具栏

• 效果图

  
  image.png

采用<LinearLayout>中嵌套<LinearLayout>布局实现

• 左 - 水平方向

<LinearLayout>放1个<ImageView>组件

image.png

• 中 - 水平方向

<LinearLayout>放1个<TextView>组件

image.png

• 右 - 水平方向

<LinearLayout>放3个<ImageView>组件

image.png

1.2. 主界面上部

• 效果图

  
  image.png

采用<LinearLayout>中嵌套<RelativeLayout>布局实现

• 1.3. 主界面中部

<LinearLayout>中放<TextView>

image.png

• 1.4. 主界面底部

<LinearLayout>中放<TextView>，左中右等比布局

image.png