直播商城源码，商城开发实现商城底部导航栏

直播商城源码，商城开发实现商城底部导航栏

1、先写布局。

 

我新建了一个ShoppingActivity，在activity_shopping.xml文件中，写整体布局，代码如下：

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#fff"
    tools:context=".ShoppingActivity">
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />
    <RadioGroup
        android:id="@+id/rg_main"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="#FBFBFA"
        android:orientation="horizontal">
        <RadioButton
            android:id="@+id/rb_home"
            android:drawableTop="@drawable/home_button_selector"
            style="@style/MainButtonStyle"
            android:text="首页"/>
        <RadioButton
            android:id="@+id/rb_type"
            android:drawableTop="@drawable/type_button_selector"
            style="@style/MainButtonStyle"
            android:text="分类"/>
        <RadioButton
            android:id="@+id/rb_community"
            android:drawableTop="@drawable/community_button_selector"
            style="@style/MainButtonStyle"
            android:text="发现"/>
        <RadioButton
            android:id="@+id/rb_cart"
            android:drawableTop="@drawable/cart_button_selector"
            style="@style/MainButtonStyle"
            android:text="购物车"/>
        <RadioButton
            android:id="@+id/rb_user"
            android:drawableTop="@drawable/user_button_selector"
            style="@style/MainButtonStyle"
            android:text="个人中心"/>
    </RadioGroup>
 
</LinearLayout>

​

 

2、接下来添加图片。

 

将下载好的图标保存在drawable文件夹中。

 

 3、下面为RadioButton按钮添加样式。

 

首先在styles文件中，添加下面代码：

 

<style name="MainButtonStyle">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:layout_weight">1</item>
        <item name="android:textColor">@drawable/bottom_button_text_selector</item>
        <item name="android:button">@null</item>
        <item name="android:textSize">10sp</item>
        <item name="android:gravity">center</item>
        <item name="android:padding">8dp</item>
</style>

 

接着在drawable里面新建 bottom_button_text_selector.xml。为RadioButton按钮中的文本添加点击时的样式。

 以上就是直播商城源码，商城开发实现商城底部导航栏， 更多内容欢迎关注之后的文章