Android Studio实践——实验2安卓APP首页

一、项目准备

一个App首页主要包括顶部图片,顶部菜单栏,中部消息模块,底部Tab按钮

在本次实验中主要掌握ScrollView 使用,RelativeLayout 使用,插件之间的穿插使用

ScrollView:除具有宽和高外,其内部有且仅有一个控件

RelativeLayout:相对布局

Android Studio实践——实验2安卓APP首页_第1张图片

Android Studio实践——实验2安卓APP首页_第2张图片

Android Studio实践——实验2安卓APP首页_第3张图片 

 二、功能实现

1. 创建父布局

整个页面各个控件之间应该使用垂直布局

创建一个ScrollView,指定其宽高和权重

ScrollView内部也应该使用垂直布局



    

        
         

    

 2.创建顶部首页显示栏

 

3.创建顶部图片

Android Studio实践——实验2安卓APP首页_第4张图片

图片原因,实际整张图距两边框只有10px

Android Studio实践——实验2安卓APP首页_第5张图片 

 4.菜单栏模块

a. 先创建一个横向的LinearLayout来作为菜单栏的父布局

b. 再次创建一个LinearLayout作为单个按钮的父布局

c. 创建上边的图片按钮,并设置其属性

d. 设置按钮底部文字并赋予其属性

  

                

                    
                    
                    


                

Android Studio实践——实验2安卓APP首页_第6张图片

 5. 消息模块

a. 先创建一个横向的LinearLayout来作为菜单栏的父布局

b. 创建待办Textview

c. 创建更多Textview

 


            

            


                
        

Android Studio实践——实验2安卓APP首页_第7张图片

6. 底部Tab模块

a. 先创建一个横向的LinearLayout来作为菜单栏的父布局

b. 再创建一个RelatiiveLayout作为单个按钮的父布局

c. 按钮使用RelativeLayout编写

注意:由于底部Tab不随着页面滑动而滑动,故底部Tab不在ScollView控件内

  

    

        

            

            


        

Android Studio实践——实验2安卓APP首页_第8张图片 

Android Studio实践——实验2安卓APP首页_第9张图片 

 

 

你可能感兴趣的:(android,android,studio,ide,xml)