Android在fragment中编写toobar的步骤详解

第一步的话就是首先导入我们的依赖的包:

compile 'com.android.support:appcompat-v7:23.3.0'

第二步的话就是准备我们的布局文件和我们的item
在这的话我是将我们的toobar单独的放在一个布局文件中的方便以后的调用以及将我们的主题改为
我们noactionbar,同时在我们的主文件中进行引用
修改为nopactionbar

引用

设置单独的xml文件

然后的话就是我们在我们的这个位置设置的是我们的啊就是toobar的单独的一个文件代码如下:

<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.Toolbar
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/toobar"
 android:background="#00E109"
 android:minHeight="?attr/actionBarSize"
 android:layout_width="match_parent"
 android:layout_height="wrap_content">
<!--现在的这个位置的话是我们的toobar的工具类我们将toobar
的工具类创建出来后就是方便在我们的程序要用到的任何的地方调用-->

</androidx.appcompat.widget.Toolbar>

第三步: 然后的话就是编写我们的就是啊item就是我们的菜单项

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto">
 <item
  android:icon="@drawable/ic_baseline_youtube_searched_for_24"
  android:id="@+id/search"
  android:title="搜索"
  android:orderInCategory="80"
  app:showAsAction="ifRoom"
  />
 <item
  android:icon="@drawable/ic_sharp_share_24"
  android:id="@+id/share"
  android:title="分享"
  android:orderInCategory="80"
  app:showAsAction="ifRoom"
  />
 <item
  android:icon="@drawable/ic_baseline_drag_indicator_24"
  android:id="@+id/other"
  android:title="更多"
  android:orderInCategory="80"
  app:showAsAction="ifRoom"
  />
</menu>

然后的话是我们的就是frgment的布局的代码中进行引用:

<?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"
 tools:context=".ui.home.HomeFragment">
<!--这个位置的话是那我们的首页面的布局文件然后的话就是实现我们的首页面的功能
 todo 使用线性布局,然后的话是我们的就是搜索框
-->
<!-- todo 在我们的这个位置就是将我们的toobar引入进来-->
 <include layout="@layout/toobarutil"/>

<!--todo 使用我们的scrollview进行布局-->
 <androidx.core.widget.NestedScrollView
  android:layout_width="match_parent"
  android:layout_height="match_parent">
   <LinearLayout
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.appcompat.widget.SearchView
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     tools:ignore="MissingConstraints" />
<!--todo 在我们的这里的话使用我们的banner和我们的glide实现我们男的图片的轮播-->
    <com.youth.banner.Banner
     android:id="@+id/Banner"
     android:layout_width="match_parent"
     android:layout_height="250dp" />
   </LinearLayout>
 </androidx.core.widget.NestedScrollView>

</LinearLayout>

最后的话就是我们的java代码部分了:

package com.example.smartcityend.ui.home;

import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.SurfaceControl;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;
import androidx.fragment.app.Fragment;
import androidx.lifecycle.Observer;
import androidx.lifecycle.ViewModelProvider;

import com.bumptech.glide.Glide;
import com.example.smartcityend.BuildConfig;
import com.example.smartcityend.R;
import com.youth.banner.Banner;
import com.youth.banner.BannerConfig;
import com.youth.banner.Transformer;
import com.youth.banner.listener.OnBannerListener;
import com.youth.banner.loader.ImageLoader;

import java.util.ArrayList;
import java.util.List;

public class HomeFragment extends Fragment implements OnBannerListener {

 private Banner banner;
 private Toolbar toolbar;

 public View onCreateView(@NonNull LayoutInflater inflater,
        ViewGroup container, Bundle savedInstanceState) {
  View root = inflater.inflate(R.layout.fragment_home, container, false);
  return root;
 }
 //todo 接下来的话实现我们的图片的轮播使用我们的banner,在我们的就是onviewcreate中编写我们的代码

 @Override
 public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
  super.onViewCreated(view, savedInstanceState);
  Banner(); // 调用轮播的方法

  Toobar(); // 调用toobar的方法

 }

 @Override
 public void onCreateOptionsMenu(@NonNull Menu menu, @NonNull MenuInflater inflater) {
  ((AppCompatActivity) getActivity()).getMenuInflater().inflate(R.menu.toobar_title,menu);
   return ;
   // todo 这个方法也是伴随着我们的就是toobar存在的作用就是在我们的onsetmenuitemclickn的回调

 }

 private void Toobar() {
  // 接下来的话就是调用我们的toobar的方法 找到我们的toobar的id
  toolbar = (Toolbar) getActivity().findViewById(R.id.toobar);
  // 调用actionbar的方法将actionbar设置为自己的toobar
  setHasOptionsMenu(true);
  ((AppCompatActivity) getActivity()).setSupportActionBar(toolbar);
  // 获取actionbar的对象使用action的方法
  ((AppCompatActivity) getActivity()).getSupportActionBar().setDisplayHomeAsUpEnabled(true);
  // 然后的话就是设置我们的toobar的主题等
  toolbar.setTitle("首页");
  // 设置我们的副标题
  toolbar.setSubtitle("智慧城市");
  // 设置我们的导航菜单
  toolbar.setNavigationIcon(R.drawable.ic_baseline_chevron_left_24);
  // 然后的话为我们的导航菜单添加点击事件
  toolbar.setNavigationOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View view) {
    // 然后的话就是为我们的返回图标添加点击事件这里的话我们就为我们的返回图标添加点击返回事件

   }
  });
  // 设置菜单的就是啊弹出的样式和背景
  toolbar.setPopupTheme(R.style.Widget_AppCompat_ActionBar_Solid);
  // 设置我们的菜单 todo 要另外在我们的菜单的布局文件中添加我们的就是啊xml布局
  toolbar.inflateMenu(R.menu.bottom_nav_menu);
  // 然后的话就是为我们的啊查菜单项设置点击事件
  toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
   @Override
   public boolean onMenuItemClick(MenuItem item) {
    // 然后的话就是为我们的菜单项设置我们的点击监听事件
    switch (item.getItemId()){
     case R.id.search:
      Toast.makeText( getContext(),"你点击的是搜索按钮", Toast.LENGTH_SHORT).show();
      break;
     case R.id.share:
      Toast.makeText(getActivity(),"你点击的是分享按钮",Toast.LENGTH_LONG).show();
      break;
     case R.id.other:
      Toast.makeText(getActivity(),"谢谢分享",Toast.LENGTH_LONG).show();
      break;
     default:
    }
    return true;
   }
  });
 }

 private void Banner(){
  // todo step1: 找到我们的就是id,转换 为成员变量方便在其他的位置调用
  banner = (Banner) getActivity().findViewById(R.id.Banner);
  // 创建我们的存放图片的数组将我们的图片存放进去
  int[] images = new int[]{
   // 在我们的这个位置存放我们的图片
   R.mipmap.banner1,R.mipmap.banner2,R.mipmap.banner3,R.mipmap.banner4,R.mipmap.banner5
  };
  // 创建我们的列表放置我们的图片的信息
  List<Integer> iamgesList = new ArrayList<>();
  // 然后的话就是使用我们的数组添加我们的图片的信息
  for(int i = 0; i<images.length; i++){
   iamgesList.add(images[i]); // 将我们男的图片添加到我们的列表中
   // 设置我们的图片加载器
   banner.setImageLoader(new ImageLoader() {
    @Override
    public void displayImage(Context context, Object path, ImageView imageView) {
     // 图片加载器
     Glide.with(getActivity()).load(path).into(imageView);
    }
   });
   // 然后的话就是我们的banner和我们的隔离的自带的图片轮播效果
   banner.setBannerAnimation(Transformer.Default);
   // 将我们的图片从列表中加载进来
   banner.setImages(iamgesList);
   // 设置我们的显示器的位置
   banner.setIndicatorGravity(BannerConfig.CENTER);
   // 然后的话就是设置我们的切换的间隔时间
   banner.setDelayTime(5000);
   // 设置我们的轮播监听事件
   banner.setOnBannerListener(this);
   //然后的话就是我们的图片的轮播自动开始
   banner.start();

  }
 }

 // todo 在我们的这个位置重写我们的onstart和onstop方法 banner

  @Override
  public void onStart() {
  super.onStart();
  // 开始
  banner.startAutoPlay();
 }

  @Override
  public void onStop() {
  super.onStop();
  // 停止
  banner.stopAutoPlay();
 }

 @Override
 public void OnBannerClick(int position) {
  // 设置我们的轮播图的点击提示
  Toast.makeText(getActivity(),"你点击了第"+(position+1)+"张轮播图",Toast.LENGTH_LONG).show();
 }
}

// todo 好现在的话我们可以看到我们的搜索框模块和我们的轮播图的模块是已经创建完成了现在的话就是开始封装我们的就是toobar模块让我们的toobar模块可以在我们的各处调用

到此这篇关于Android在fragment中编写toobar的步骤详解的文章就介绍到这了,更多相关Android fragment toobar内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

时间: 2021-01-13

Android fragment实现按钮点击事件的示例讲解

fragment无法直接进行点击事件,需要放到oncreatActivity中 代码如下: @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_first, null); return view; } 点击事件代码: @Override

Android使用fragment实现左侧导航

使用简单的fragment实现左侧导航,供大家参考,具体内容如下 先上效果图: MainActivity.java public class MainActivity extends FragmentActivity { // private Handler handler; private ViewPager fragmentViewPager; private ListView leftListView; private List<Fragment> fragmentlist; priva

Android 多层嵌套后的 Fragment 懒加载实现示例

多层嵌套后的 Fragment 懒加载 印象中从 Feed 流应用流行开始,Fragment 懒加载变成了一个大家都需要关注的开发知识,关于 Fragment 的懒加载,网上有很多例子,GitHub 上也有很多例子,就连我自己在一年前也写过相关的文章.但是之前的应用可能最多的是一层 Activity + ViewPager 的 UI 层次,但是随着页面越来越复杂,越来越多的应用首页一个页面外层是一个 ViewPager 内部可能还嵌套着一层 ViewPager,这是之前的懒加载就可能不那么好用了

Android fragment实现多个页面切换效果

现在的APP首页大部分屏幕的下方显示一行Tab标签选项,点击不同的标签就可以切换到不同的界面.如下图: 我们之前都是用TabHost来实现,但是殊不知,TabHost并非是那么的简单,它的可扩展性非常的差,不能随意地定制Tab项显示的内容,而且运行还要依赖于ActivityGroup.ActivityGroup原本主要是用于为每一个TabHost的子项管理一个单独的Activity,但目前已经被废弃了.下面就借助Fragment来完成类似于TabHost一般的效果. 先实现主界面布局main_l

Android中使用TabHost 与 Fragment 制作页面切换效果

三个标签页置于顶端 效果图: 在文件BoardTabHost.java中定义页面切换的效果:切换页面时,当前页面滑出,目标页面滑入.这是2个不同的动画设定动画时要区分对待 import android.content.Context; import android.util.AttributeSet; import android.view.animation.Animation; import android.view.animation.TranslateAnimation; import

Android开发中ViewPager实现多页面切换效果

ViewPager用于实现多页面的切换效果,该类存在于Google的兼容包里面,所以在引用时记得在BuilldPath中加入"Android-support-v4.jar" 首先必须知道:要使用ViewPager,必须要使用PagerAdapter为其提供数据,也就必须实现下面四个方法: 1, getCount():ViewPager需要显示的页面个数 2,isViewFromObject(View view, Object object):view 是某个位置的页面,Object是

Vue 页面切换效果之 BubbleTransition(推荐)

CodePen 地址 前端使用 SPA 之后,能获得更多的控制权,比如页面切换动画,使用后端页面我们可能做不了上面的效果,或者做出来会出现明显的闪屏.因为所有资源都需要重新加载. 今天使用 vue,vue-router,animejs 来讲解如何上面的效果是如何实现的. 步骤 点击菜单,生成 Bubble,开始执行入场动画 页面跳转 执行退场动画 函数式调用组件 我希望效果是通过一个对象去调用,而不是 v-show, v-if 之类的指令,并且为了保持统一,仍然使用 Vue 来写组件.我通常会用

Vue实现移动端页面切换效果【推荐】

在子页面把整个页面做绝对定位,覆盖整个屏幕,子父页面将 router-view 用  transition 套起来,并加上过渡动画就可以啦. 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init

Android基于ViewPager实现类似微信页面切换效果

此文,仅做为个人学习Android,记录成长以及方便复习! 实现ViewPager实现类似微信的页面切换,此文通过Fragment适配器实现 首先在布局文件activity_main.xml添加ViewPager ViewPager是页面,PagerTabStrip和 PagerTitleStrip是设置标题的 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android=

Android仿今日头条滑动页面导航效果

最近项目中用到了滑动页面,也就是和目前市场上很火的"今日头条"页面滑动类似,在网上找了一下,大部分都是用ViewPager来实现的,刚开始我用的是ViewPager+ViewGroup,上面的标题按钮用的是HorizontalScrollView,写完之后感觉效果比较生硬,果断换掉,发现了一个效果比较好的第三方,也就是今天的主题:PagerSlidingTabStrip.好了,下面来具体介绍一下PagerSlidingTabStrip,进行一下源码解析. 一.看一下demo的样子吧 二

Android仿新闻顶部导航标签切换效果

最近由于个人兴趣原因,写了个模仿新闻顶部导航标签的demo.具体看下图. 那么大致上我们会用到这些知识. 1.Fragment 2.FragmentPagerAdapter 3.HorizontalScrollView 4.PopupWindow ok,那么首先进入第一步. 为了实现顶部的标签,我们要用到HorizontalScrollView,因为原有的HorizontalScrollView控件已经不能满足我们的使用了.所以这里就自定义一个HorizontalScrollView impor

Android实现微信首页左右滑动切换效果

大家看到微信首页切换效果有没有觉得很炫,滑动切换,点击底部bar瞬间切换,滑动切换渐变效果,线上效果图: 之前也在博客上看到别人的实现,再次基础上,我做了些优化.首先说下实现原理,大神略过,o(╯□╰)o 页面上看到的三个页面是三个Fragment, 左右滑动使用viewpager,相信大家也都是这么再用,那么底部用的是什么技术呢,底部渐变其实就是重写了ImageView,以及在左右滑动时,改变了TextView的颜色值,是不是很简单...下面我们一步一步的来: 1.自定义ImageView:

Android实现淘宝商品列表切换效果

本文实例为大家分享了Android仿淘宝商品列表切换,供大家参考,具体内容如下 源码:Android实现淘宝商品列表切换 布局文件 <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.androi