《移动软件开发》做一个app首页

一、实验目标

如何制作一个简单的app首页,了解父布局、线性布局的使用

二、实验步骤

1、首先创建他的父布局,同时将图片素材导入mipmapp文件,注意命名不能含有数字或者大写字母

2、新建ScrollView.

3、创建Scroll VIew内部父布局


    
        
        
      
     

4、创建顶部首页显示显示栏

设置宽高、文字、字体、样式、颜色、字体居中等:

    
        

5、创建顶部照片

设置宽高、src加载、给图片设置边距

     android:textColor="#333"
                android:textSize="18dp"
                android:textStyle="bold" />
​
            

6、设置菜单栏模块

(1)创建一个横向的LinearLayout作为 菜单栏的父布局

(2)再创建一个LinearLayout来作为单个按钮的父布局

(3)创建图片按钮,设置其属性

(4)设置按钮底部文字和其属性

 
​
​
        
​
            
​
            
                

7、消息模块的实现

(1)创建一个横向的LinearLayout作为菜单栏的父布局

(2)创建代办Text View以及其他TextView

 
                
                
            

8、底部的Tab模块

(1)创建一个横向的Linear Layout作为菜单栏的父布局。

(2)LinearLayoout作为单个按钮的父布局

(3)按钮这个地方使用了RelativelLayout

(4)完成其他布局


        
​
            
            
        

最终全部代码:



​
    
        
​
            
​
            
            
​
​
        
​
            
​
            
                
​
                
​
                    
​
                    
                
​
                
​
                    
​
                    
                
​
                
​
                    
​
                    
                
            
            
                
                
​
​
            
​
​
        
​
    
    
        
​
            
            
        
        
​
            
            
        
        
            
            
        
        
            
            
        
    

三、程序运行结果

列出程序的最终运行结果及截图。

《移动软件开发》做一个app首页_第1张图片

 

四、问题总结与体会

本次实验较为顺利,但是在做的过程中也遇到了不知道如何设置tab才能放置在底部。经过几次尝试发现,只要将这一整块的Linear Layout的marginTop属性设置为一个负数值,就可以实现:

android:layout_marginTop="-80dp"

你可能感兴趣的:(android)