Android仿微信界面的导航以及右上角菜单栏效果资源-CSDN文库

46 浏览量 2021-01-04 20:03:04 上传评论 1 收藏 260KB PDF 举报

资源推荐

资源详情

资源评论

Android仿微信界面的导航以及右上角菜单栏效果仿微信界面的导航以及右上角菜单栏效果

下面是安卓开发仿微信界面的代码。

分为3步，

第一步是界面的编写;

第二步是导航界面;

第三步是右上角菜单栏。

开始第一步前先预览一下效果。

第一步，界面。第一步，界面。

界面的思路是利用ViewPager+Fragment实现，所以activity_main.xml中添加一个ViewPager。顶部和底部include的顶部栏和底部栏后面再说。

MainActivity的界面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/vp_mainvp"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_weight="1">

</android.support.v4.view.ViewPager>

<TextView

android:layout_width="match_parent"

android:layout_height="0.5dp"

android:background="#737373" />

<TextView

android:layout_width="match_parent"

android:layout_height="0.7dp"

android:background="#101010" />

</LinearLayout>

当然，要用到ViewPager+Fragment就要建立Fragment，如图我建了三个Fragment，这个可以根据需要自己创建。

这三个Fragment很类似，这里写出一个，其他以此类推。

package activity;

import android.os.Bundle;

import android.support.v4.app.Fragment;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import com.chase.cn.money_of_my.R;

/**

* Created by Chase on 2017/2/6.

public class Fragment_tab01 extends Fragment {

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

View tab01 = inflater.inflate(R.layout.fragment_tab01_home,container,false);

return tab01;

}

此Fragment对应的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">

</LinearLayout>

现在回到MainActivity中：

package activity;

import ...

public class MainActivity extends FragmentActivity {

private ViewPager mViewPager;

private MyFragmentPagerAdapter mAdapter;

private List<Fragment> fragmentList; //保存界面的view

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

StatusBarUtil.setWindowStatusBarColor(this, R.color.colorTitleGray);

initViews();

initDatas();

}

/**

* 数据初始化

private void initDatas() {

//fragment数据源

fragmentList = new ArrayList<Fragment>();

fragmentList.add(new Fragment_tab01());

fragmentList.add(new Fragment_tab02());

fragmentList.add(new Fragment_tab03());

mAdapter = new MyFragmentPagerAdapter(getSupportFragmentManager(), fragmentList);

mViewPager.setAdapter(mAdapter);

}

/**

* 初始化控件

private void initViews() {

mViewPager = (ViewPager) findViewById(R.id.vp_mainvp);

}

需要编写一个ViewPager的Adapter：

package utils;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentManager;

import android.support.v4.app.FragmentPagerAdapter;

import java.util.List;

/**

* Created by Chase on 2017/2/6.

public class MyFragmentPagerAdapter extends FragmentPagerAdapter {

private List<Fragment> fragList;

private List<String> tabList;

public MyFragmentPagerAdapter(FragmentManager fm, List<Fragment> fragList) {

super(fm);

this.fragList = fragList;

}

@Override

public CharSequence getPageTitle(int position) {

return tabList.get(position);

}

@Override

public Fragment getItem(int position) {

return fragList.get(position);

}

@Override

public int getCount() {

return fragList.size();

}

现在三个Fragment已经添加到了MainActivity中，滑动ViewPager切换Fragment，同时底部的导航栏也会切换，在为ViewPager添加监听以前，先说说底部导航栏。

第二步，底部导航。

这个的切换其实就是切换准备好的png图片和改变文字的颜色。

下面是刚才导入的底部导航栏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="52dp"

android:orientation="horizontal">

<LinearLayout

android:alpha="30"

android:id="@+id/ll_taball"

android:layout_width="match_parent"

android:layout_height="52dp"

android:background="#656d78"

android:orientation="horizontal">

<FrameLayout

android:id="@+id/fl_page_home"

android:layout_width="wrap_content"

android:layout_height="57dp"

android:layout_weight="1"

android:gravity="center"

android:orientation="vertical">

<Button

android:id="@+id/bt_page_home"

android:layout_width="35dp"

android:layout_height="35dp"

android:layout_gravity="center_horizontal"

android:background="@drawable/home_pressed"

android:clickable="false" />

<TextView

android:id="@+id/tv_page_home"

android:textColor="#ffd100"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal"

android:layout_marginTop="32dp"

android:text="首页" />

剩余7页未读，继续阅读

评论收藏

内容反馈

weixin_38663701

粉丝: 3
资源: 954

Android仿微信界面的导航以及右上角菜单栏效果

模仿微信右上角弹出的菜单

Android 仿微信右上角弹出菜单

android仿微信顶部菜单栏

Android实现仿微信底部导航栏

Android开发Popwindow仿微信右上角下拉菜单实例代码

Android仿微信底部菜单栏效果

仿微信底部导航加右上角actionBar的实现

Android仿微信界面（包括滑动页、启动页和底部菜单栏等

Android仿微信下拉列表实现（加顶部菜单栏和底部菜单栏）

Android仿微信底部菜单栏+今日头条顶部导航栏

Android实现简单底部导航栏 Android仿微信滑动切换效果

仿微信下方菜单栏和上方菜单栏（Fragment）Android

Android高级应用源码-仿微信标题栏右上角PopupWindow.zip

Android UI设计与开发之ViewPager仿微信引导界面以及动画效果

Android仿微信界面的导航

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

android仿微信可以滑动的底部导航栏

Android仿微信底部菜单栏+顶部菜单栏（附源码）

Android仿微信页面底部导航效果代码实现

Android ViewPager和Fragment实现仿微信导航界面及滑动效果

高仿微信底部菜单栏

Android仿微信之界面导航篇（1）

3568 Android 11 GMS包

适用于某音27.8版本64位的libsscronet.so

Xvideos.apk

最新资源