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>嵌套来显示这样的效果

     ,图片需要精心挑选。

  • 相关阅读:
    CSS3学习手记(7) CSS3装换 3D转换
    CSS3学习手记(6) CSS3装换 2D转换
    CSS3学习手记(5) 渐变
    CSS3学习手记(4) 伪元素
    CSS3学习手记(3) CSS权重
    CSS3学习手记(2) 伪类选择器
    CSS3学习手记(1) 选择器
    HTML5学习手记(二)
    HTML5学习手记(一)
    浏览器远程调试VS
  • 原文地址:https://www.cnblogs.com/buyaoya-pingdao/p/14752657.html
Copyright © 2011-2022 走看看