zoukankan      html  css  js  c++  java
  • 4月25日

    今天学习了下方导航栏的制作,自己新建一个bottom_layout.xml文件,原来这个文件还可以自己创建,

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="55dp"
    android:background="@color/gray"
    >

    <LinearLayout
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:gravity="center"
    android:orientation="vertical"
    android:id="@+id/id_tab_shangcheng">
    <ImageView
    android:layout_width="32dp"
    android:layout_height="32dp"
    android:background="@drawable/tab_shangcheng"
    android:id="@+id/id_tab_iv_sc"/>
    <TextView
    android:layout_width="32dp"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:text="商城"/>
    </LinearLayout>
    <LinearLayout
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:gravity="center"
    android:orientation="vertical"
    android:id="@+id/id_tab_ss">
    <ImageView
    android:layout_width="32dp"
    android:layout_height="32dp"
    android:background="@drawable/tab_sousuo"
    android:id="@+id/id_tab_iv_ss"/>
    <TextView
    android:layout_width="32dp"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:text="搜索"/>
    </LinearLayout>
    <LinearLayout
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:gravity="center"
    android:orientation="vertical"
    android:id="@+id/id_tab_wd">
    <ImageView
    android:layout_width="32dp"
    android:layout_height="32dp"
    android:background="@drawable/tab_wode"
    android:id="@+id/id_tab_iv_wd"/>
    <TextView
    android:layout_width="32dp"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:text="我的"/>
    </LinearLayout>

    </LinearLayout>
    通过这个的<LinearLayout>嵌套来显示这样的效果

     ,图片需要精心挑选。

  • 相关阅读:
    风险分解结构
    WBS 工作分解结构
    react函数式组件(非路由组件)实现路由跳转
    react使用antd组件递归实现左侧菜单导航树
    React4.0以上如何获取当前的路由地址呢
    浅谈react传入路由参数---withRouter组件
    react项目实现维持登录与自动登录
    async和await应用步骤分析+优化异常处理
    跨域场景&&跨域处理方案
    vscode react中标签自动补全 vscode jsx语法自动补全html标签
  • 原文地址:https://www.cnblogs.com/buyaoya-pingdao/p/14752657.html
Copyright © 2011-2022 走看看