`
ch_kexin
  • 浏览: 909471 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

仿微信底部切换页签

 
阅读更多

layout:下面

主界面：activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

    <android.support.v4.view.ViewPager
android:id="@+id/main_ViewPager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1">
    </android.support.v4.view.ViewPager>

    <RadioGroup
android:id="@+id/tab_menu"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/tab_menu_bg"
android:orientation="horizontal">

        <RadioButton
android:id="@+id/tab_square"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_weight="1"
android:background="@drawable/tab_selector_checked_bg"
android:button="@null"
android:checked="true"
android:drawableTop="@drawable/tab_selector_square"
android:gravity="center_horizontal|bottom"
android:paddingBottom="10dp"
android:paddingTop="10dp"
android:text="@string/square_name"
android:textColor="@drawable/tab_selector_txt_color"
android:textSize="20dp"/>

        <RadioButton
android:id="@+id/tab_chat"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_weight="1"
android:background="@drawable/tab_selector_checked_bg"
android:button="@null"
android:drawableTop="@drawable/tab_selector_message"
android:gravity="center_horizontal|bottom"
android:paddingBottom="10dp"
android:paddingTop="10dp"
android:text="@string/chat_name"
android:textColor="@drawable/tab_selector_txt_color"
android:textSize="20dp"/>

        <RadioButton
android:id="@+id/tab_mine"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_weight="1"
android:background="@drawable/tab_selector_checked_bg"
android:button="@null"
android:drawableTop="@drawable/tab_selector_mine"
android:gravity="center_horizontal|bottom"
android:paddingBottom="10dp"
android:paddingTop="10dp"
android:text="@string/mine_name"
android:textColor="@drawable/tab_selector_txt_color"
android:textSize="20dp"/>
    </RadioGroup>

</LinearLayout>
fragment_chat.xml：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="这是聊天界面"/>
</LinearLayout>
fragment_mine.xml：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="这是我的界面"/>
</LinearLayout>
fragment_square.xml：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="这是我的界面"/>
</LinearLayout>

 fragment_chat.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical">

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是聊天界面"/>
</LinearLayout>

 fragment_mine.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical">

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是聊天界面"/>
</LinearLayout>

 fragment_square.xml

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical">

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是广场的界面"/>
</LinearLayout>

 

MainActivity.java：

package com.xba.answerpro;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.RadioButton;
import android.widget.RadioGroup;

import com.xba.answerpro.fragment.ChatFragment;
import com.xba.answerpro.fragment.MineFragment;
import com.xba.answerpro.fragment.SquareFragment;

import java.util.ArrayList;

public class MainActivity extends FragmentActivity implements RadioGroup.OnCheckedChangeListener, ViewPager.OnPageChangeListener {
    private ViewPager mViewPager;
    private RadioGroup mTabMenu;
    private RadioButton mTabSquare;
    private RadioButton mTabChat;
    private RadioButton mTabMine;
    private Fragment squareFragment;
    private Fragment chatFragment;
    private Fragment mineFragment;
    private ArrayList<Fragment> mTabMenus;

    @Override
protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        squareFragment = new Fragment();
        chatFragment = new Fragment();
        mineFragment = new Fragment();

        mTabMenu = (RadioGroup) findViewById(R.id.tab_menu);
        mTabSquare = (RadioButton) findViewById(R.id.tab_square);
        mTabChat = (RadioButton) findViewById(R.id.tab_chat);
        mTabMine = (RadioButton) findViewById(R.id.tab_mine);
        mTabMenu.setOnCheckedChangeListener(this);
        initViewPager();
    }

    public void initViewPager() {
        mViewPager = (ViewPager) findViewById(R.id.main_ViewPager);
        squareFragment = new SquareFragment();
        chatFragment = new ChatFragment();
        mineFragment = new MineFragment();
        mTabMenus = new ArrayList<Fragment>();
        mTabMenus.add(squareFragment);
        mTabMenus.add(chatFragment);
        mTabMenus.add(mineFragment);

        FragmentManager fm = getSupportFragmentManager();
        mViewPager.setAdapter(new MyAdapter(fm, mTabMenus));
        mViewPager.setCurrentItem(0);
        mViewPager.addOnPageChangeListener(this);
    }


    @Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
        int current = 0;
        switch (checkedId) {
            case R.id.tab_square:
                current = 0;
                break;
            case R.id.tab_chat:
                current = 1;
                break;
            case R.id.tab_mine:
                current = 2;
                break;
        }
        if (mViewPager.getCurrentItem() != current) {
            mViewPager.setCurrentItem(current);
        }
    }

    @Override
public void onPageSelected(int position) {
        switch (mViewPager.getCurrentItem()) {
            case 0:
                mTabMenu.check(R.id.tab_square);
                break;
            case 1:
                mTabMenu.check(R.id.tab_chat);
                break;
            case 2:
                mTabMenu.check(R.id.tab_mine);
                break;
        }

    }

    @Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
public void onPageScrollStateChanged(int state) {
    }

    public class MyAdapter extends FragmentPagerAdapter {
        ArrayList<Fragment> list;

        public MyAdapter(FragmentManager fm, ArrayList<Fragment> arrayList) {
            super(fm);
            this.list = arrayList;
        }

        @Override
public int getCount() {
            return list.size();
        }

        @Override
public Fragment getItem(int arg0) {
            return list.get(arg0);
        }
    }
}

 ChatFragment.java：

 

package com.xba.answerpro.fragment;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.xba.answerpro.R;

public class ChatFragment extends Fragment {
    @Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_chat, container, false);
        return view;
    }

    @Override
public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }
}

 MineFragment.java：

package com.xba.answerpro.fragment;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.xba.answerpro.R;

public class MineFragment extends Fragment {
    @Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_mine, container, false);
        return view;
    }

    @Override
public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }
}

 SquareFragment.java：

package com.xba.answerpro.fragment;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.xba.answerpro.R;

public class SquareFragmentextends Fragment {
    @Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_square, container, false);
        return view;
    }

    @Override
public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }
}

 drawable资源文件已上传

 

 

 

 

 

 

分享到：
| 关于Eclipse不能在线更新ADT问题
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    仿微信底部导航栏

    在本文中，我们将探讨如何创建和封装一个仿微信底部导航栏，并通过一个工具类实现界面切换。 首先，我们要理解微信底部导航栏的核心功能：响应用户的点击事件，更新选中状态，并相应地切换显示的内容。在Android...

    Android实现仿微信底部导航栏

    总之，通过结合使用ViewPager和RadioGroup，我们可以轻松地在Android应用中创建一个仿微信底部导航栏，提升应用的用户体验。这个设计模式不仅适用于微信，还可以广泛应用于许多其他需要多页面切换的应用中。

    高仿微信底部菜单栏

    "高仿微信底部菜单栏"项目，正如标题所言，旨在提供一个无bug、即插即用的解决方案，帮助开发者快速实现类似微信底部导航栏的效果。这个项目主要涵盖了以下知识点： 1. **底部导航栏（Bottom Navigation Bar）**：...

    Android仿微信底部切换渐变效果

    本文将详细介绍如何在Android中实现“微信底部切换渐变效果”，只需100行代码即可完成。 首先，我们要理解微信底部切换渐变效果的核心特点。这一效果主要体现在两个方面：一是底部导航栏图标颜色的渐变变化，二是...

    viewpager+fragment仿微信底部TAG完美渐变

    在Android应用开发中，"ViewPager+Fragment"是一个常见的组合，用于实现页面的滑动切换，而"仿微信底部TAG完美渐变"则是这种组合的一种高级用法，它旨在模仿微信应用底部导航栏的标签切换效果，即在切换标签时，不仅...

    html css 仿微信底部自定义菜单

    在创建微信底部菜单时，我们可以使用`&lt;div&gt;`元素来构建菜单区域，并通过`class`或`id`属性为每个菜单项添加特定标识。 ```html 首页 发现 通讯录 我 ``` 接下来，我们使用CSS（Cascading Style Sheets）来...

    Android 仿微信底部菜单栏 + 显示未读消息数量

    在Android应用开发中，微信的底部菜单栏是一个常见的设计元素，它为用户提供了一种直观的导航方式。这个项目是关于如何在自己的Android应用中实现一个类似微信的底部菜单栏，并且能够显示未读消息的数量。下面我们将...

    仿微信TAB切换

    【标题】"仿微信TAB切换"是一个Android开发项目，旨在模仿微信应用中常见的底部导航栏（TAB）切换效果。在微信应用中，用户可以通过点击底部的TAB按钮在不同的功能模块间进行切换，如“发现”、“聊天”、“我”等。...

    Android TAB仿微信底部菜单 文字滚动.rar

    　这里创建了ViewPager mViewPager用来放置界面切换，初始化View适配器后，新建ArrayList，用来存放微信底部菜单的4个Tab，四个Tab，每个Tab包含一个按钮，ViewPage左右滑动时，判断哪个要显示，及设置按钮图片，...

    安卓仿微信底部菜单源码

    这个“安卓仿微信底部菜单源码”项目旨在帮助开发者实现类似微信底部导航栏的功能，包括菜单项的图片切换、文字颜色变换以及Activity之间的跳转。下面我们将详细探讨这一主题。 首先，底部菜单通常由多个图标和文字...

    仿微信6.0底部菜单选择和滑动效果

    在实现微信6.0底部菜单的效果时，`ViewPager`被用来承载和切换各个Fragment。每个Fragment通常代表一个独立的功能或内容区域。开发者需要为`ViewPager`设置一个适配器，这个适配器会根据数据源生成对应的Fragment...

    android 自定义仿微信底部菜单栏

    本教程将详细讲解如何创建一个仿微信底部菜单栏，实现类似微信聊天界面底部菜单的功能，包括菜单字体的显示与隐藏、菜单项的动态缩放等效果。 一、底部菜单栏设计 底部菜单栏（Bottom Navigation Bar）通常包含3到5...

    仿微信底部菜单

    此项目“仿微信底部菜单”旨在为开发者提供一个简单且直观的方式来实现与微信应用类似的底部菜单功能。下面我们将深入探讨这个项目中的关键知识点。 1. **BottomNavigationView**：这是Android SDK提供的一种布局...

    仿微信底部导航菜单

    在Android应用开发中，微信底部导航菜单是一种常见的用户界面元素，用于实现多页面间的切换，让用户可以方便地在主要功能间进行浏览。这种设计模式在众多应用中被广泛采用，以提供良好的用户体验。本篇文章将深入...

    微信底部导航颜色渐变demo

    在开发移动应用时，微信底部导航（Tab Bar）是一个常见的组件，用于切换不同的功能模块。微信作为中国最流行的社交应用，其底部导航的设计和交互体验备受开发者关注。本项目是针对微信底部导航颜色渐变效果的一个...

    android仿微信底部选项卡（可滑动）

    在Android应用开发中，创建一个类似微信的底部选项卡是常见的需求，这为用户提供了一种直观的...同时，利用`RadioGroup`监听用户点击，我们可以实现在不同`Fragment`之间切换，从而达到与微信底部选项卡相同的效果。

    仿微信底部菜单，可滑动

    本项目标题为"仿微信底部菜单，可滑动"，这意味着我们将讨论如何使用Android原生组件来实现类似微信APP中的这种功能。在描述中提到，该实现是基于`ViewPager`，这是一种非常实用的控件，用于展示可滑动的页面集合。 ...

Magicbox
Global site tag (gtag.js) - Google Analytics