ActionBar标签 - 固定和可滚动？

固定和可滚动 ActionBar 标签

固定和可滚动 ActionBar 标签是 Android 开发中常见的界面设计模式，用于创建具有多行选项卡的界面。在腾讯云移动开发平台上，可以使用这两种标签来创建高度可定制且具有滚动能力的选项卡。

固定 ActionBar 标签

固定 ActionBar 标签适用于需要将选项卡固定在顶部或底部的情况。这种设计模式使用 android.support.v7.app.ActionBar 和 android.support.v4.app.Fragment 来实现。

<!-- XML Layout -->
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    app:layout_scrollFlags="scroll|enterAlways"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    app:title="Toolbar">

    <TextView
        android:id="@+id/toolbar_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Toolbar Title"
        android:textSize="16sp"
        android:textColor="@android:color/white"
        android:layout_gravity="center" />

</android.support.v7.widget.Toolbar>

可滚动 ActionBar 标签

可滚动 ActionBar 标签适用于需要灵活布局的情况。这种设计模式使用 android.support.v7.app.ActionBar 和 android.support.v4.app.Fragment 来实现。

<!-- XML Layout -->
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    app:layout_scrollFlags="scroll|enterAlways"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    app:title="Toolbar">

    <TextView
        android:id="@+id/toolbar_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Toolbar Title"
        android:textSize="16sp"
        android:textColor="@android:color/white"
        android:layout_gravity="center" />

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="56dp"
        android:background="@android:color/white" />

</android.support.v7.widget.Toolbar>

示例代码

// Activity
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        // Set the toolbar title
        toolbar.setTitle("Fixed or Scrollable ActionBar");
    }
}

<android.support.constraint.ConstraintLayout 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"

tools:context=".MainActivity">

<android.support.v7

相关·内容

为wordpress分类、页面和标签页固定链接添加.html后缀

大家可能都知道，通过设置固定链接格式，可将wordpress日志URL设置成伪静态的形式。...同样通过之前介绍的：Custom Post Type Permalinks插件，可以将自定义文章类型URL设置为伪静态，那么分类、页面及标签如何设置为伪静态呢？...这个问题已有人为我们解决了，以固定链接格式：/%postname%.html　为例。单独为页面添加.html后缀可以安装：.html on PAGES　插件实现，启用插件后无需任何设置。...需要注意的是，启用插件后还需要到后台固定链接设置中，重新保存一下设置，否则会跳到404页面，如果不成功可以先删除空间根目录的.htaccess文件，之后保存会自动生成新的。...标签添加.html后缀方法：英文：Remove tag base and add the .html extension 中文：WordPress标签页固定连接以.html结尾

2.3K3 0

为wordpress分类、页面和标签页固定链接添加.html后缀

大家可能都知道，通过设置固定链接格式，可将wordpress日志URL设置成伪静态的形式。...-suffix.html 同样通过之前介绍的：Custom Post Type Permalinks插件，可以将自定义文章类型URL设置为伪静态，那么分类、页面及标签如何设置为伪静态呢？...-suffix.html 这个问题已有人为我们解决了，以固定链接格式：/%postname%.html　为例。...-suffix.html 标签添加.html后缀方法：-suffix.html 英文：Remove tag base and add the .html extension-suffix.html 中文...：WordPress标签页固定连接以.html结尾-suffix.html 试了一下未成功，有时间再接着折腾.............

1.3K1 0

通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout

(移除屏幕或固定在屏幕顶端)。...parallax - 设置为这个模式时，在内容滚动时，CollapsingToolbarLayout中的View（比如ImageView)也可以同时滚动，实现视差滚动效果，通常和layout_collapseParallaxMultiplier...与 Actionbar 相比，Toolbar 明显要灵活的多。它不像 Actionbar 一样，一定要固定在Activity的顶部，而是可以放到界面的任意位置。...除此之外，在设计 Toolbar 的时候，Google也留给了开发者很多可定制修改的余地，这些可定制修改的属性在API文档中都有详细介绍，如：设置导航栏图标；设置App的logo；支持设置标题和子标题...TabLayout设置Tab标签有两种方法如下：第一种 TabLayout tabLayout = ...; tabLayout.addTab(tabLayout.newTab().setText("

2.2K9 0

安卓开发_深入学习ViewPager控件

3）ViewPager经常和Fragment一起使用，并且提供了专门的FragmentPagerAdapter和FragmentStatePagerAdapter类供Fragment中的ViewPager...，标签值为i-1 即第一个页面的标签为0 第二个页面的标签为1 第三个页面的标签为2 4 navImage.setTag(i-1); 5 //将导航图标的...，有开始滚动，停止滚动，正在设置页面三个功能 23 * ViewPager.SCROLL_STATE_DRAGGING开始滚动 24...，有开始滚动，停止滚动，正在设置页面三个功能 72 * ViewPager.SCROLL_STATE_DRAGGING开始滚动 73...，标签值为i-1 即第一个页面的标签为0 第二个页面的标签为1 第三个页面的标签为2 114 navImage.setTag(i-1); 115 //将导航图标的

2K8 0

详解android特性之CoordinatorLayout用法探析实例

string/appbar_scrolling_view_behavior，它和AppBarLayout.ScrollingViewBehavior相匹配，用来通知AppBarLayout 这个特殊的view...何时发生了滚动事件，这个behavior需要设置在触发事件（滚动）的view之上。...，就是在折叠的最后固定在最顶端。...CoordinatorLayout的工作原理是搜索定义了CoordinatorLayout Behavior的子view，不管是通过在xml中使用app:layout_behavior标签还是通过在代码中对...要自己定义CoordinatorLayoutBehavior，你需要实现layoutDependsOn() 和onDependentViewChanged()两个方法。

7934 1

10款实用Android UI 开发框架

此外，ActionBarSherlock还能够允许开发者只通过一个API，就可以方便地使用和设计ActionBar。...ActionBarSherlock还可以自主判断选择并调用原生Action Bar还是扩展ActionBar。...Progress Wheel Progress Wheel是一款能够取代Android原生Indeterminate式可显示具体进度的滚动式进度条。效果图如下。 ? 5. ...此外，View Pager Indicator可以帮助开发者实现Android左右滑屏的同时,标签可以跟着移动，实现了各种风格的Indicator。 ? 6. ...主要特性：支持平滑滚动支持单点、多点触摸，即时缩放图片在ViewPager等滑动父控件下能够运行良好 10.

2.4K7 0

CoordinatorLayout与滚动的处理

本博文专门讲解和CoordinatorLayout相关的知识点，这也是Design Support Library中最重要与最难的部分。...Make sure to follow the Using the ToolBar as ActionBar guide....，否则它将一直固定在顶部。...记住，要把带有scroll flag的view放在前面，这样收回的view才能让正常退出，而固定的view继续留在顶部。此时，你应该注意到我们的Toolbar能够响应滚动事件了。 ?...CoordinatorLayout的工作原理是搜索定义了CoordinatorLayout Behavior 的子view，不管是通过在xml中使用app:layout_behavior标签还是通过在代码中对

6622 0

用 CoordinatorLayout 处理滚动

首先确保你使用的不是过时的 ActionBar。并确保遵循了将 ToolBar 用作 ActionBar 指南。还要确保的是以 oordinatorLayout 作为主布局容器。...然后，我们需要在 AppBarLayout 和期望被滚动的 View 之间定义一个关联。...这样，被折叠的 view 将会首先退出，留下在顶部固定着的元素。至此，你应该意识到这个 ToolBar 响应了滚动事件。 ?...第三方滚动和视差效果库除了使用上述的 CoordinatorLayout，还可以查看这些流行的第三方库来实现 ScrollView， ListView， ViewPager 和RecyclerView...间的滚动和视差效果。

4.7K9 2

CoordinatorLayout使用全解析

CoordinatorLayout是在 Google IO/15 大会发布的，遵循Material 风格，包含在 support Library中，结合AppbarLayout, CollapsingToolbarLayout等可...都需要设置这个flag，没有设置这个flag的view将被固定在屏幕顶部。...(移除屏幕或固定在屏幕顶端)。...，否则它将一直固定在顶部。...记住，要把带有scroll flag的view放在前面，这样收回的view才能让正常退出，而固定的view继续留在顶部。

1.8K2 0

模板代码 - 列表和下拉刷新

模板代码 - 列表和下拉刷新　　手机应用一个常见的界面模式就是：顶部的ActionBar + TabStrip导航，中间的ListView，可以下拉刷新或者是底部的加载更多。...ActionBar-ViewPager-Fragment 自定义一个带有ActionBar的主题：这样既可以获得ActionBar效果，又可以自己调整ActionBar的显示，如背景和字体等。...Activity.onCreate方法里为ActionBar设置属性： ActionBar actionBar = getActionBar(); actionBar.setDisplayHomeAsUpEnabled...它一直保持正在显示的，和左右（如果有）2个Fragment实例。...“左、中、右” 3个tab指示器，左右滑动ViewPager切换Fragment时，或者点击tab标签时左右滚动来显示更多其它的tab。

2.9K5 0

【Android 应用开发】 ActionBar 样式详解 -- 样式主题简介 Actionbar 的 icon logo 标题菜单样式修改

样式和主题资源 1.... 标签内, 标签的子标签是 ; -- 根标签 : 标签都是定义在标签内部; -- 子标签...--> -- 代码解析 : AppTheme 主题继承了 AppBaseTheme 主题, 而 AppBaseTheme 主题确不是固定的...actionBarTabStyle 样式作用 : 定义 ActionBar Tab 导航时 Tab 标签样式; Tab 标签样式属性 : actionBarTabStyle, 样式为 @style/...: 该样式也需要继承原样式, 覆盖一些属性; -- AppTheme 重新定义 android:actionBarStyle 样式 : 上面将 android:actionBarStyle 样式和

2.9K8 0

连Action Bar都不会你能说你学过 Android？

---- 零、前言 Action bar是一个标识应用程序和用户位置的窗口功能，并且给用户提供操作和导航模式。...//将标签页添加ActionBar中 setTabListener(new MyTabListener(this, Fragment1.class)));...//将标签页添加ActionBar中 setTabListener(new MyTabListener(this, Fragment2.class)));...actionBar.addTab(actionBar.newTab().setText("翻译").将标签页添加ActionBar中 setTabListener(new...//将标签页添加ActionBar中 setTabListener(new MyTabListener(this, Fragment5.class))); }

2432 0

1.ActionBar

ActionBar 低版本和高版本用法不同低版本： 1. 引用v7-appcompat 2. ...那些直接出现在actionbar中的icon和/或文本被称作action buttons(操作按钮)。安排不下的或不足够重要的操作被隐藏在actionoverflow中。...1.所有的操作按钮和actionoverflow中其他可用的条目都被定义在菜单资源的XML文件中。通过在项目的res/menu目录中新增一个XML文件来为actionbar添加操作。... Tab标签 1 在Drawable 目录下写了一个标签的状态选择器（具体查文档） <!...5）一个用来描述关闭Navigation Drawer的文本(用于支持可访问性).

9125 0

1.ActionBar

ActionBar 低版本和高版本用法不同低版本： 1. 引用v7-appcompat 2....那些直接出现在actionbar中的icon和/或文本被称作action buttons(操作按钮)。安排不下的或不足够重要的操作被隐藏在actionoverflow中。...1.所有的操作按钮和actionoverflow中其他可用的条目都被定义在菜单资源的XML文件中。通过在项目的res/menu目录中新增一个XML文件来为actionbar添加操作。...Tab标签 1 在Drawable 目录下写了一个标签的状态选择器（具体查文档） 3 在代码里添加标签（删除、隐藏等操作改模式就行） ActionBar actionBar = getSupportActionBar

5611 0

Android系列之ActionBar使用详解

3、如果选择返回应用的主activity，最好的方式是在创建的Intent中添加FLAG_ACTIVITY_CLEAR_TOP这个标签。...3）.可拓展类型。 4）.列表类型。...Item 看到那个放大镜了，就是一个可拓展试的Item，看xml 中的 menu_collapse。...ActionBar标签 1、ActionBar可以现实选项卡供用户切换浏览该Activity中不同的Fragment 2、每个标签都可以是一个图标或文本标题 package com.xys.actionbar...); // 为ActionBar设置下拉菜单和监听器 actionBar.setListNavigationCallbacks(adapter, new DropDownListenser

3K2 0

自定义ViewPagerStripIndicator

这里控件应对的场景是“水平等长度”的若干标题，标题不可滚动。控件设计下面是要实现的控件TabIndicator的组成部分：底部指示器：也就是蓝色滑动条，记为Indicator。...分割线，宽度固定为1px的线条，可以不显示。记为Divider。页签标题：记为TabView。最底部的边框线，高度固定1px，就是给整个View的bottom部分一个分割线。...如果需要按下标签时的背景切换效果，使用TextView更好些，而且文本换行，大小等也好控制。...要显示的TabView的个数是根据ViewPager关联的PagerAdapter.getCount()决定的，这里明确一点：此处的TabIndicator不会像ActionBar自带Tabs视图那样水平滚动...底部指示器：滑动条滚动条是有厚度的，所以使用canvas.drawRect()来进行绘制，方法需要绘制的矩形的四个坐标。 top、bottom是固定的。

8735 0

Android开发笔记（二十）顶部导航栏ActionBar

，包括导航项Navigation（下拉列表与标签切换）、搜索框SearchView，以及可自定义的定制视图CustomView。...withText : 如果能在ActionBar上显示，则除了显示该项的图标，还要显示该项的文字说明。 collapseActionView : 不常用，而且比较麻烦，若有兴趣可自行查阅资料。...标签切换模式在实际开发中用得不多，类似效果一般采用底部标签栏或者ViewPager实现。....getDrawable(bgId)); } actionBar.setTitle(title); //允许在导航栏上显示下拉框，另一种NAVIGATION_MODE_TABS表示标签页切换...R.id.menu_quit) { finish(); } return super.onOptionsItemSelected(item); } } 搜索导航代码，包括溢出菜单和搜索框

8.1K2 0

Material Design —Tabs

左：默认app bar和固定的tab bar 中：延长的app bar和固定的tab bar 右：固定的tab bar固定到滚动内容顶部 ?...左：放入搜索，app bar和固定的tab bar 中：默认的app bar和可滚动的tab bar 右：文字颜色与tab指示器颜色相同 ?...重要的跨标签比较可能表明内容将从不同的组织方式或展示方式中获益，从而使内容更接近。 ? 标签的展示方式 ---- Tabs类型根据平台和使用环境，tab的可以分为固定tabs或可滚动tabs。...可滚动tabs 可滚动选项卡在任何特定时刻显示选项卡的子集。它们可以包含更长的选项卡标签和比固定选项卡更多的选项卡。...当用户不需要直接比较选项卡标签时，可滚动选项卡最适合用于浏览触摸界面中的上下文。要在可滚动选项卡之间导航，请触摸选项卡或向左或向右滑动内容区域。

2.4K10 0

Android5.0和6.0之后新增的控件说明

为此，博主初步整理了Android在5.0和6.0之后的新增控件，及其对应的说明博文，给大家提供一个可资学习和借鉴的索引。...SwipeRefreshLayout Android 5.0 抽屉布局 DrawerLayout Android 5.0 滑动面板布局 SlidingPaneLayout Android 5.0 嵌套滚动视图...AppBarLayout Android 5.0 可折叠工具栏布局 CollapsingToolbarLayout Android 5.0 侧滑删除 SwipeDismissBehavior Android 5.0 标签布局...这个与系统版本有关，每个版本的android.jar是固定的，有在该内核中定义的控件才能正常调用，没在内核中定义的控件在运行时会扔出类找不到的异常。...Android5.0和6.0之后补充了这么多新控件，自然有部分老控件变过时了，下面就列举部分新旧控件的替代关系： Toolbar：替代ActionBar RecyclerView：替代ListView和

1.2K2 0

Android开发笔记（一百三十五）应用栏布局AppBarLayout

应用栏布局AppBarLayout Android5.0推出工具栏Toolbar用来替代ActionBar，灵活性和易用性大大增强，有关Toolbar的详细介绍参见《Android开发笔记（一百一十九...NestedScrollView 虽说通过AppBarLayout可实现Toolbar的滚动效果，但并非所有可滚动的控件都会触发Toolbar滚动，事实上只有Android5.0之后新增的少数滚动控件才具备该特技...首先得弄清楚为什么AppBarLayout划分了这几种滚动行为，所谓知其然，还要知其所以然，才更有利于记忆和理解。...1、AppBarLayout的滚动依赖于主体视图的滚动，与主体视图相对应的，可将AppBarLayout称作头部视图。既然一个页面分为头部和主体两部分，那么就存在谁先滚谁后滚的问题了。...具体的滚动说明如下所示：向上滚动：头部先往上收缩，一直滚到折叠的最小高度。然后头部固定不动，主体继续向上滚动。向下滚动：头部固定不动，主体先向下滚动，一直滚到主体全部拉出。然后头部向下展开。

1.8K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

ActionBar标签 - 固定和可滚动？

固定 ActionBar 标签

可滚动 ActionBar 标签

示例代码

相关·内容

为wordpress分类、页面和标签页固定链接添加.html后缀

为wordpress分类、页面和标签页固定链接添加.html后缀

通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout

安卓开发_深入学习ViewPager控件

详解android特性之CoordinatorLayout用法探析实例

10款实用Android UI 开发框架

CoordinatorLayout与滚动的处理

用 CoordinatorLayout 处理滚动

CoordinatorLayout使用全解析

模板代码 - 列表和下拉刷新

【Android 应用开发】 ActionBar 样式详解 -- 样式主题简介 Actionbar 的 icon logo 标题菜单样式修改

连Action Bar都不会你能说你学过 Android？

1.ActionBar

1.ActionBar

Android系列之ActionBar使用详解

自定义ViewPagerStripIndicator

Android开发笔记（二十）顶部导航栏ActionBar

Material Design —Tabs

Android5.0和6.0之后新增的控件说明

Android开发笔记（一百三十五）应用栏布局AppBarLayout

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐