仿UC底部菜单栏实例教程

效果图：

创新互联-云计算及IDC服务提供商，涵盖公有云、IDC机房租用、资阳托管服务器、等保安全、私有云建设等企业级互联网基础服务，欢迎来电：028-86922220

先主界面xml

activity_main.xml

 
 
 
 

  
  
  
  

  
  
  
  
    xmlns:tools="http://schemas.android.com/tools" 
  
  
  
  
    android:layout_width="match_parent" 
  
  
  
  
    android:layout_height="match_parent" 
  
  
  
  
    android:background="@drawable/bg" 
  
  
  
  
    tools:context=".MainActivity" > 
  
  
  
  
    
  
  
  
  
        android:id="@+id/btn_menu" 
  
  
  
  
        android:layout_width="wrap_content" 
  
  
  
  
        android:layout_height="wrap_content" 
  
  
  
  
        android:layout_alignParentTop="true" 
  
  
  
  
        android:layout_centerHorizontal="true" 
  
  
  
  
        android:text="show/hide Menu" /> 
  
  
  
  
    
  
  
  
  
        android:layout_width="match_parent" 
  
  
  
  
        android:layout_height="wrap_content" 
  
  
  
  
        android:layout_below="@+id/btn_menu" 
  
  
  
  
        android:gravity="center" 
  
  
  
  
        android:orientation="horizontal" > 
  
  
  
  
        
  
  
  
  
            android:id="@+id/main_btn1" 
  
  
  
  
            android:layout_width="0dp" 
  
  
  
  
            android:layout_height="wrap_content" 
  
  
  
  
            android:layout_margin="15dp" 
  
  
  
  
            android:layout_weight="1" /> 
  
  
  
  
        
  
  
  
  
            android:id="@+id/main_btn2" 
  
  
  
  
            android:layout_width="0dp" 
  
  
  
  
            android:layout_height="wrap_content" 
  
  
  
  
            android:layout_margin="15dp" 
  
  
  
  
            android:layout_weight="1" /> 
  
  
  
  
        
  
  
  
  
            android:id="@+id/main_btn3" 
  
  
  
  
            android:layout_width="0dp" 
  
  
  
  
            android:layout_height="wrap_content" 
  
  
  
  
            android:layout_margin="15dp" 
  
  
  
  
            android:layout_weight="1" /> 
  
  
  
  
        
  
  
  
  
            android:id="@+id/main_btn4" 
  
  
  
  
            android:layout_width="0dp" 
  
  
  
  
            android:layout_height="wrap_content" 
  
  
  
  
            android:layout_margin="15dp" 
  
  
  
  
            android:layout_weight="1" /> 
  
  
  
  
     
  
  
  
  
    
  
  
  
  
        android:id="@+id/layout_menu" 
  
  
  
  
        android:layout_width="match_parent" 
  
  
  
  
        android:layout_height="200dp" 
  
  
  
  
        android:layout_alignParentBottom="true" > 
  
  
  
  
        
  
  
  
  
            android:id="@+id/menu" 
  
  
  
  
            android:layout_width="match_parent" 
  
  
  
  
            android:layout_height="40dp" 
  
  
  
  
            android:background="#dd000000" 
  
  
  
  
            android:gravity="center" > 
  
  
  
  
            
  
  
  
  
                android:id="@+id/tv_main" 
  
  
  
  
                android:layout_width="0dp" 
  
  
  
  
                android:layout_height="wrap_content" 
  
  
  
  
                android:layout_weight="1" 
  
  
  
  
                android:gravity="center" 
  
  
  
  
                android:text="常用" 
  
  
  
  
                android:textColor="#ffffffff" /> 
  
  
  
  
            
  
  
  
  
                android:id="@+id/tv_utils" 
  
  
  
  
                android:layout_width="0dp" 
  
  
  
  
                android:layout_height="wrap_content" 
  
  
  
  
                android:layout_weight="1" 
  
  
  
  
                android:gravity="center" 
  
  
  
  
                android:text="工具" 
  
  
  
  
                android:textColor="#ffffffff" /> 
  
  
  
  
            
  
  
  
  
                android:id="@+id/tv_set" 
  
  
  
  
                android:layout_width="0dp" 
  
  
  
  
                android:layout_height="wrap_content" 
  
  
  
  
                android:layout_weight="1" 
  
  
  
  
                android:gravity="center" 
  
  
  
  
                android:text="设置" 
  
  
  
  
                android:textColor="#ffffffff" /> 
  
  
  
  
         
  
  
  
  
        
  
  
  
  
            android:id="@+id/layout_anim" 
  
  
  
  
            android:layout_width="fill_parent" 
  
  
  
  
            android:layout_height="wrap_content" 
  
  
  
  
            android:layout_below="@+id/menu" 
  
  
  
  
            android:background="#eeff8c00" > 
  
  
  
  
            
  
  
  
  
                android:id="@+id/iv_cursor" 
  
  
  
  
                android:layout_width="fill_parent" 
  
  
  
  
                android:layout_height="wrap_content" 
  
  
  
  
                android:scaleType="matrix" 
  
  
  
  
                android:src="@drawable/img_cursor" /> 
  
  
  
  
         
  
  
  
  
        
  
  
  
  
            android:id="@+id/myPager" 
  
  
  
  
            android:layout_width="wrap_content" 
  
  
  
  
            android:layout_height="wrap_content" 
  
  
  
  
            android:layout_below="@+id/layout_anim" 
  
  
  
  
            android:flipInterval="30" 
  
  
  
  
            android:persistentDrawingCache="animation" /> 
  
  
  
  
     
  
  
  
  
 
 
 
 
 

ViewPager中的三个选项卡xml

 
 
 
 

  
  
  
  
view_main.xml,view_set.xml,view_utils.xml 
  
  
  
  
 
  
  
  
  
 
  
  
  
  

  
  
  
  
    android:layout_width="match_parent" 
  
  
  
  
    android:layout_height="match_parent" 
  
  
  
  
    android:background="#77ff0000" 
  
  
  
  
    android:orientation="vertical" > 
  
  
  
  
    
  
  
  
  
    
  
  
  
  
        android:id="@+id/myGridView" 
  
  
  
  
        android:layout_width="match_parent" 
  
  
  
  
        android:layout_height="match_parent" 
  
  
  
  
        android:numColumns="4" 
  
  
  
  
        android:layout_margin="10dp" 
  
  
  
  
        android:horizontalSpacing="20dp" 
  
  
  
  
        android:gravity="center" 
  
  
  
  
        android:verticalSpacing="20dp" 
  
  
  
  
        > 
  
  
  
  
 
  
  
  
  
 
 
 
 
 

这是选项卡一view_main.xml，后面的两个和这个一样。

最后就是还有一个GirdView的适配器xml

 
 
 
 

  
  
  
  
 
  
  
  
  

  
  
  
  
    xmlns:tools="http://schemas.android.com/tools" 
  
  
  
  
    android:layout_width="match_parent" 
  
  
  
  
    android:layout_height="match_parent" > 
  
  
  
  
    
  
  
  
  
        android:id="@+id/imgbtn_img" 
  
  
  
  
        android:layout_width="wrap_content" 
  
  
  
  
        android:layout_height="wrap_content" 
  
  
  
  
        android:layout_centerHorizontal="true" 
  
  
  
  
       
  
  
  
  
       /> 
  
  
  
  
 
  
  
  
  
    
  
  
  
  
        android:id="@+id/imgbtn_text" 
  
  
  
  
        android:layout_width="wrap_content" 
  
  
  
  
        android:layout_height="wrap_content" 
  
  
  
  
        android:layout_below="@+id/imgbtn_img" 
  
  
  
  
        android:layout_centerHorizontal="true" 
  
  
  
  
        android:text="Text" 
  
  
  
  
        android:textColor="#ff0000ff" 
  
  
  
  
        android:textSize="10sp" /> 
  
  
  
  
    
  
  
  
  
 
 
 
 
 

xml布局部分就这么多了。

网站题目：仿UC底部菜单栏实例教程
标题网址：http://www.shufengxianlan.com/qtweb/news43/254193.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联