Android简单主页面实现

仿QQ、微信等的App首页面搭建
首先我们对与中间为container,留给Fragment来发挥作用。我们主要需要做的就是,顶部状态栏和底部导航栏的制作。
如果你喜欢可伸缩的顶部导航栏效果,你可以使用根布局CoordinatorLayout,是一个直接继承自ViewGroup并实现NestedScrollingParent接口的控件,他主要的功能,就是协调其内部各个子空间之间的关系。注意在子View中加入app:layout_behavior="@string/appbar_scrolling_view_behavior"

由于我们不需要顶部导航栏和底部导航栏伸缩,所以我们使用最简单的FrameLayout(帧布局)。
中间部分:container

    android:id="@+id/lay_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginBottom="@dimen/len_52"
/>

然后是底部:BottomNavigation

    android:id="@+id/navigation"
    android:layout_width="match_parent"
    android:layout_height="52dp"
    android:layout_gravity="bottom"
    android:background="@color/white"
    android:elevation="4dp"
    android:outlineProvider="bounds"
    app:itemIconTint="@color/text_nav"
    app:itemTextColor="@color/text_nav"
    app:menu="@menu/navigation_items"
    tools:visibility="visible" />

然后是顶部ToolBar,有NavigationIcon、title、titlecolor等各种属性,如果想独辟蹊径,实现点有特色的,则需要在其中进行嵌套,如FrameLayout等。
最后呢,就是我们的menu

    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item
        android:id="@+id/action_home"
        android:icon=""
        android:title="@string/action_home"
        app:showAsAction="ifRoom" />


    <item
        android:id="@+id/action_group"
        android:icon=""
        android:title="@string/action_group"
        app:showAsAction="ifRoom" />
    <item
        android:id="@+id/action_contact"
        android:icon=""
        android:title="@string/action_contact"
        app:showAsAction="ifRoom" />

</menu>

其实就是普通的一个页面。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值