文章标题

最新推荐文章于 2023-10-19 15:03:50 发布
最新推荐文章于 2023-10-19 15:03:50 发布
阅读量316 收藏 1
点赞数
分类专栏： 基础 文章标签： 5-0新特性常用布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/it_xiaoshuai/article/details/53861042
版权

5.0新特性常用布局

  • MD-CoordinatorLayout (协调者布局)
  • MD-FloatingActionButton (悬浮操作按钮)
  • Snackbar 为用户提供简单的反馈信息
  • MD-Toolbar 工具栏(替代之前的ActionBar)
  • MD-AppBarLayout (应用标题栏容器)
  • MD-CollapsingToolbarLayout 折叠效果的布局容器
  • MD-TabLayout 标签导航
  • MD-TextInputLayout 输入框控件的悬浮标签
  • MD-NavigationView 抽屉导航

一 创建一个ScrollingActivity 效果如图

这里写图片描述

如果要实现上图效果,步骤如下
首先需要修改theme—NoActionBar

这里写图片描述

打开values-v21 如下,下面两行是绘制系统栏的颜色,但系统栏颜色只能在5.0之后

这里写图片描述

二 FloatActionButton的使用

这里写图片描述

三 FloatActionButton的进一步使用

app:backgroundTint - 设置FAB的背景颜色。
app:rippleColor - 设置FAB点击时的背景颜色。
app:borderWidth - FAB边缘宽度, 在有的4.1的sdk上FAB会显示为正方形，或在5.0以后的sdk没有阴影效果。可以设置为borderWidth="0dp"解决此问题。
app:elevation - 默认状态下FAB的阴影大小。
app:pressedTranslationZ - 点击时候FAB的阴影大小。
app:fabSize - 设置FAB的大小，该属性有两个值，分别为normal和mini，对应的FAB大小分别为56dp和40dp。
src - 设置FAB的图标，Google建议符合Design设计的该图标大小为24dp。

在CoordinatorLayout的子控件中, 通过app:layout_anchor(布局锚) 和 app:layout_anchorGravity属性创造出悬浮效果
app:layout_anchor: 把指定的锚点控件作为当前Button的目标视图。
app:layout_anchorGravity: 在目标视图中的位置。值由bottom、center、right、left、top等

-这里写图片描述

四 ToolBar的使用

这里写图片描述

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
    android:fitsSystemWindows="true">
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:fitsSystemWindows="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#50f000">
    </android.support.v7.widget.Toolbar>
</android.support.design.widget.CoordinatorLayout>
public class ToolBar extends AppCompatActivity{
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_toolbar);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);//通过toolbar代替actionbar
        getSupportActionBar().setTitle("我是标题");//设置标题
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);//设置返回按键
        getSupportActionBar().setLogo(R.mipmap.ic_launcher);//设置标题
        getSupportActionBar().setSubtitle("二级标题");
        //监听返回按键的点击
        toolbar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(ToolBar.this, "点击了返回按钮", Toast.LENGTH_SHORT).show();
            }
        });
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_toolbar,menu);
        return true;
    }
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()){
            case R.id.email:
                Toast.makeText(this, "email被点击了", Toast.LENGTH_SHORT).show();
                break;
            case R.id.btn1:
                Toast.makeText(this, "btn1被点击了", Toast.LENGTH_SHORT).show();
                break;
            case R.id.btn2:
                Toast.makeText(this, "btn2被点击了", Toast.LENGTH_SHORT).show();
                break;
            case R.id.btn3:
                Toast.makeText(this, "btn3被点击了", Toast.LENGTH_SHORT).show();
                break;
        }
        return true;
    }
}

这里写图片描述
这里写图片描述

五 AppBarLayout (应用标题栏容器)

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
                                                 android:layout_width="match_parent"
                                                 android:layout_height="match_parent"
                                                 xmlns:app="http://schemas.android.com/apk/res-auto"
                                                 android:fitsSystemWindows="true"
                                                 android:orientation="vertical">
    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true">
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            app:layout_scrollFlags="scroll"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
        </android.support.v7.widget.Toolbar>
        <ImageView
            app:layout_scrollFlags="scroll|enterAlways"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            android:scaleType="centerCrop"
            android:src="@drawable/mm"/>
    </android.support.design.widget.AppBarLayout>
    <!--滚动-->
    <android.support.v4.widget.NestedScrollView
        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"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        tools:context="com.arvin.materialapp.ScrollingActivity"
        tools:showIn="@layout/activity_scrolling">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="@dimen/text_margin"
            android:text="@string/large_text"/>
    </android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>

AppBarLayout只能作为CoordinatorLayout里的第一个子view。
在RecyclerView或者任意支持嵌套滚动的view如NestedScrollView上添加app:layout_behavior属性
app:layout_behavior
属性值配置为@string/appbar_scrolling_view_behavior,该值在com.android.support的design包下, 用来通知AppBarLayout, 界面内容发生了滚动事件.
在AppBarLayout中的子View中配置app:layout_scrollFlags属性，就可以在滚动事件发生的时候自动执行自己动画.

app:layout_scrollFlags

属性里面必须至少添加scroll这个flag，这样这个View及其子控件才会滚动出屏幕，否则它最终将一直固定在顶部。
app:layout_scrollFlags的几个属性值及其意义

scroll

列表在顶端时,可以跟着滑动方向滑动(只有配置了scroll, 其他属性才能生效)
enterAlways

不管滑动列表到哪里, 只要往下拉, 当前控件就跟着往下滑出.
enterAlwaysCollapsed

跟enterAlways类似, 但是最大只会滑出折叠后的大小.要配合android:minHeight=”50dp”属性使用.最小高度即为折叠后的高度 (配置方式:”scroll|enterAlways|enterAlwaysCollapsed”)
exitUntilCollapsed

不管滑动列表到哪里, 只要向上拉，这个View会跟着滑动直到折叠。配合android:minHeight=”50dp”属性使用.最小高度即为折叠后的高度(配置方式:”scroll|exitUntilCollapsed”)
snap

滑动结束的时候，如果这个View部分显示，它就会滑动到离它最近的上边缘或下边缘。

布局结构如下:

<CoordinatorLayout>
    <AppbarLayout>
        <ImageView/>
        <Toolbar/>
    </AppbarLayout>
    <NestedScrollView/>
</CoordinatorLayout>

六 CollapsingToolbarLayout 折叠效果的布局容器

如果需要Toolbar有折叠效果, 可以让CollapsingToolbarLayout包裹Toolbar
相当于让CollapsingToolbarLayout临时托管了Toolbar的标题内容, 执行平移和缩放动画
Toolbar可以随着CollapsingToolbarLayout向上滑动
给Toolbar添加app:layout_collapseMode属性可以配置向上滑动时的效果

app:layout_collapseMode=”none” 默认效果,随父控件一起滑动
app:layout_collapseMode=”pin” 图钉效果,开始滑动时自己不动, 到顶端才离开
app:layout_collapseMode=”parallax” 视察效果,随父控件进行高度缩放
布局结构如下:

<CoordinatorLayout>
    <AppbarLayout>
        <CollapsingToolbarLayout>
            <ImageView/>
            <Toolbar/>
        </CollapsingToolbarLayout>
        ...
    </AppbarLayout>
    <NestedScrollView/>
</CoordinatorLayout>

七 TabLayout 标签导航

Tab 是在 Android 应用程序中用户体验(UX)最佳实践的一部分。以前，如果需要使用新的材料设计风格的 Tab，需要自己去Github下载 SlidingTabLayout 和 SlidingTabStrip.

布局配置

<android.support.design.widget.TabLayout
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

代码配置:

TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);
// 关联ViewPager
tabLayout.setupWithViewPager(mViewPager);

这里写图片描述

八 TextInputLayout 输入框控件的悬浮标签

<?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:padding="20dp">
    <android.support.design.widget.TextInputLayout
        android:id="@+id/layout_username"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <EditText
            android:id="@+id/edit_username"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="用户名"/>
    </android.support.design.widget.TextInputLayout>
    <android.support.design.widget.TextInputLayout
        android:id="@+id/layout_pwd"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <EditText
            android:id="@+id/edit_pwd"
            android:inputType="numberPassword"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="密码"/>
    </android.support.design.widget.TextInputLayout>
    <Button
        android:id="@+id/bt_check"
        android:text="检查错误"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <Button
        android:id="@+id/bt_count"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="计数"/>
</LinearLayout>
public class TextInputLayoutActivity extends AppCompatActivity implements View.OnClickListener {
    private TextInputLayout mLayout_username;
    private TextInputLayout mLayout_pwd;
    private EditText mEt_username;
    private EditText mEt_pwd;
    private Button mBt_check;
    private Button mBt_count;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_text_input);
        mLayout_username = (TextInputLayout) findViewById(R.id.layout_username);
        mLayout_pwd = (TextInputLayout) findViewById(R.id.layout_pwd);
        mEt_username = (EditText) findViewById(R.id.edit_username);
        mEt_pwd = (EditText)findViewById(R.id.edit_pwd);
        mBt_check = (Button) findViewById(R.id.bt_check);
        mBt_count = (Button) findViewById(R.id.bt_count);
        mBt_check.setOnClickListener(this);
        mBt_count.setOnClickListener(this);
    }
    @Override
    public void onClick(View view) {
        if(view.getId()==R.id.bt_check){
            mLayout_username.setErrorEnabled(true);
            mLayout_username.setError("用户名错误");
        }else {
            mLayout_pwd.setCounterEnabled(true);
        }
    }
}

九 NavigationView 抽屉导航

这里写图片描述

十 运行时权限

核心方法 (需Android 6.0 (API level 23)及以上)
检查是否已获得权限
context.checkPermission(permission, android.os.Process.myPid(), Process.myUid())
检查是否需要弹出本地提示
activity.shouldShowRequestPermissionRational e(permission);
fragment.shouldShowRequestPermissionRationale(perm);
请求指定权限
activity.requestPermissions(permissions, requestCode);
fragment.requestPermissions(perms, requestCode);
获取权限申请结果
onRequestPermissionsResult
权限申请官方文档

https://developer.android.com/training/permissions/index.html
开源项目

https://github.com/googlesamples/easypermissions
https://github.com/Karumi/Dexter
https://github.com/hotchemi/PermissionsDispatcher


public class RunningPermissionActivity extends AppCompatActivity implements View.OnClickListener {
    private Button mCamera;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_runningpermission);
        mCamera = (Button)findViewById(R.id.camera);
        mCamera.setOnClickListener(this);
    }
    @Override
    public void onClick(View view) {
        //检查是否获取到权限
        String permission= Manifest.permission.CAMERA;
        int getPermission=checkPermission(permission, Process.myPid(),Process.myUid());//true false
        if(getPermission== PackageManager.PERMISSION_GRANTED){
            Toast.makeText(this,"已经获得权限",Toast.LENGTH_SHORT).show();
        }else {
            //判断是否弹出友好提示
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                if(shouldShowRequestPermissionRationale(permission)){
                    AlertDialog.Builder builder=new AlertDialog.Builder(this);
                    builder.setTitle("友情提示");
                    builder.setMessage("需要获取拍照权限");
                    builder.setNegativeButton("取消",null);
                    builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
                        @Override
                        public void onClick(DialogInterface dialogInterface, int i) {
                            requestPermission();
                        }
                    });
                    builder.show();
                }else {
                    requestPermission();
                }
            }
        }
    }
    private void requestPermission() {
        Toast.makeText(this,"没有获得权限",Toast.LENGTH_SHORT).show();
        //一次请求多个权限
        String [] permissions=new String[]{Manifest.permission.CAMERA};
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            requestPermissions(permissions,1);
        }
    }
    //返回权限结果
    @Override
    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
        super.onRequestPermissionsResult(requestCode, permissions, grantResults);
        Toast.makeText(this,permissions[0]+"授权结果为:"+grantResults[0],Toast.LENGTH_SHORT).show();
    }
}
it_xiaoshuai
关注
专栏目录
python爬虫爬取微信公众号的阅读数、喜爱数、文章标题和链接等信息
weixin_46569877的博客
08-04 1万+
python爬取微信公众号
Java爬虫之爬取多篇含有关键词的文章标题和内容
hell_orld的博客
11-19 2327
Java爬虫之爬取多篇含有关键词的文章标题和内容实现的功能需要用到的jar包需要对html一些标签有一定的了解代码设计思想源代码 实现的功能 该代码针对维科网写的爬虫，具体如果想写其它的可以照着这篇模仿来写！ 输入想要搜索的关键字和输入关键字后的前几页页数（即输入关键字后跳转的网页的页数，如下图） 将包含关键字的文章标题和内容提取出来保存在一个txt文件里面（如下图，输入关键词为智能，前2页） 需要用到的jar包 获取文章信息需要的包：Jsoup； 需要对html一些标签有一定的了解 可以到w3cs
使用POI生成文章标题
Cloud的专栏
09-24 8034
生成文章标题有两种方式，一种是自定义标题，还有一种是使用现有样式来生成，现在网上大部分是第一种方式，但这种方式有很多弊端，我们先来看第一种 第一步，引入依赖 <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>3.9</version> </dependency>
文章标题编号分级
qq_38781075的博客
10-19 1376
一般适用于大标题一、二、三、
织梦DEDE自带采集标题限制,解决文章标题字数长度方法
qq_43292127的博客
05-30 1353
文章标题的字数比较长，当文章发布之后，发现dedecms系统自动为标题进行了截字，只要发布的标题字数过多，就会只显示一部分，无法显示完整。所以需要修改一下文章的标题。那么如何修改呢？ 1、登录后台系统 系统 -> 系统基本参数 -> 其它选项 -> 文档标题最大长度 改此参数后需要手工修改数据表 修改为需要设置的标题最大长度，默认是60，也就是30个汉字，一般把60修改成90 。...
dedecms调用文章标题不能全部显示
我不晓得
05-17 2247
1、进入后台–系统–系统设置–系统基本参数–其他选项–文档标题最大程度改为你要的长度原默认是60（这里改为了200） 2、登陆数据库，改数据库表dede_archives表里面的title字段，原默认是60，（这里改为200）. 解决dedecms UTF-8首页文章标题显示字数太短的办法 原因分析：因为UTF-8编码1个中文汉字占用的是3个字节，GBK占用的是2个字节，所以...
火车头插件：根据文章标题生成图片；标题生成相关配图
qq_26057339的博客
05-12 1870
本插件可以根据文章标题自动配图；根据文章标题生成一张好看的插图； 插件售价200；不限制ip,不限域名。一次购买终身使用。 没有第三方接口的调用不用担心插件失效。 插件效果： 插件优势： 用户可以自定义文字的颜色 用户可以自定义文字的大小 用户可以自定义图片背景 用户可以自定义图片格式 用户可以自定义图片储存的目录 用户可以自定义图片在文章哪个位置插入 插件分为 火车头插件和服务器接口： 服务器接口负责处理图片和储存图片； 火车头插件处理文章内容 服务器插件有运行环境要求 php 版本低于
如何利用Python爬虫爬取博主的全部文章的标题，文章标题的URL。可根据阅读量进行降序输出！
HWP
12-21 3873
步履艰辛呀！自己不会做网络爬虫，只好去找教程例子！ 当然自己也是有点小基础的！只是会读取简单的HTML网页代码！ 对于这么复杂的代码，驾驭不住呦~ 多个代码类型。我会分别列取出来的。 如果是代码的原作者，看到请联系我。我会标明来源地址的！ 前言： 但是无论是谁的主页，都会出现这个人的主页。 已经有好多人都爬取到啦！ 我爬取的所有链接的部分链接： 但是，这个链接：https://blog.csdn...
Wordpress自定义函数控制文章标题长度
09-29
在WordPress中，文章标题的展示方式对于网站的整体布局和用户体验起着至关重要的作用。当文章标题过长时，可能会导致页面布局混乱或者视觉效果不佳，尤其是标题在首页以列表形式展示时。为了解决这个问题，我们可以...
RiPro主题文章标题美化教程 WordPress美化教程
03-02
/*文章标题优化*/ .sjblog-avatar {  width: 50px;  float: left; } .sjblog-avatar img {  float: left;  width: 50px;  border-radius: 50%;  margin-right: 20px; } .sjblog-tgroup{ ...
Python3 文章标题关键字提取的例子
01-20
1.读取所有文章标题； 2.用“结巴分词”的工具包进行文章标题的词语分割； 3.用“sklearn”的工具包计算Tf-idf（词频-逆文档率）; 4.得到满足关键词权重阈值的词 结巴分词详见：结巴分词Github sklearn详见：文本...
wordpress通过当前文章的ID获取文章标题内容简介的信息
09-29
标题“wordpress通过当前文章的ID获取文章标题内容简介的信息”所涉及的知识点主要集中在如何利用文章ID来提取文章的元数据，如标题、内容摘要以及其他相关信息。下面将详细阐述这一过程。 首先，我们需要获取文章...
10w文章标题数据（仅供学习使用）
02-18
本次上传的资料仅供nlp的学习，博主的博客中也将使用到这些数据，进行文章title的一些基本挖掘。希望大家能来博客转转，互相学习、借鉴，并提出宝贵意见。
AXMLPrinter，xml逆向工具
最新发布
09-22
AXMLPrinter，xml逆向工具
虚拟机DirectX组建在线安装
09-22
虚拟机DirectX组建在线安装，有需要的试试
变压器变频器配电柜电路控制原理图CAD施工图纸设备控制图加料机电气控制图
09-22
变压器变频器配电柜电路控制原理图CAD施工图纸设备控制图加料机电气控制图
2024年夏威夷果行业分析报告.pptx
09-22
行业报告
wordpress 改写文章标题
03-20
您可以使用以下代码来改写 WordPress 文章标题： function custom_title( $title ) { $new_title = '新标题'; return $new_title; } add_filter( 'the_title', 'custom_title' ); 将“新标题”替换为您想要的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值