Android学习羁绊之Material Design

最新推荐文章于 2024-01-09 14:23:24 发布
最新推荐文章于 2024-01-09 14:23:24 发布
阅读量174 收藏
点赞数
分类专栏： Android基础 文章标签： android java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44840161/article/details/104406585
版权

Material Design是由谷歌的设计工程师们基于传统优秀的设计原则，结合丰富的创意和科学技术所发明的一套全新的界面设计语言，包含了视觉、运动、互动效果等特性，Material Design最大的特点就是好看，它的出现使得Android首次在UI方面超越了iOS。

Material Design是一个推荐的设计规范，主要面向UI设计人员，而不是面向开发者。Google在2015年的Google I/O大会上推出了一个Design Support库，这个库将Material Design中最具代表性的一些控件和效果进行了封装，使开发者在即使不了解Material Design的情况下也能非常轻松地将自己的应用Material化。

Design Support库中常用的控件如下：

文章目录

Toolbar

Toolbar不仅继承了ActionBar的所有功能，而且灵活性很高，可以配合其他控件来完成一些Material Design的效果

新建项目时都会默认使用ActionBar，而这个ActionBar来自项目指定的主题，要使用Toolbar，则需要指定一个不带ActionBar的主题，在 res/values/styles.xml 文件中修改：

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

</resources>

parent主题是Theme.AppCompat.Light.DarkActionBar，这是一个深色的ActionBar主题，将其指定成Theme.AppCompat.NoActionBar（深色主题，界面的主体颜色为深色）或Theme.AppCompat.Light.NoActionBar（淡色主题，界面的主体颜色为淡色，陪衬颜色为深色），即可获得不带ActionBar的主题。

可以通过重写属性来实现界面颜色的定制，在<style>标签中添加要重写的属性，属性值以及每个属性所指代的区域如下图所示：

属性和指代区域

colorAccent不只是用来指定这样一个按钮的颜色，而是更多表达了一个强调的意思，例如一些控件的选中状态也会使用colorAccent的颜色

向布局文件中添加如下代码即可引入Toolbar：

<!--support库-->
<android.support.v7.widget.Toolbar
	android:id="@+id/toolbar"
	android:layout_width="match_parent"
	android:layout_height="?attr/actionBarSize"
	android:background="?attr/colorPrimary"
	android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
	app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
	
<!--androidx库-->
<androidx.appcompat.widget.Toolbar
	android:id="@+id/toolbar"
	android:layout_width="match_parent"
	android:layout_height="?attr/actionBarSize"
	android:background="?attr/colorPrimary"
	android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
	app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
  • android:theme：指定Toolbar主题
  • app:popupTheme：指定Toolbar中弹出菜单的主题

由于Material Design是在Android 5.0系统中才出现的，而很多的Material属性在5.0之前的系统
中并不存在，那么为了能够兼容之前的老系统，需要指定xmlns:app，使用app:attribute的形式进行属性设置。
在Activity中添加如下代码可以使Toolbar的外观和功能与ActionBar一致

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

可以向Toolbar中添加各种action按钮，同时，向可以通过设置app:showAsAction属性来指定按钮的显示位置

<menu 
	xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:app="http://schemas.android.com/apk/res-auto">
	<item
		android:id="@+id/backup"
		android:icon="@drawable/ic_backup"
		android:title="Backup"
		app:showAsAction="always" />
</menu>

app:showAsAction可选值有如下几个：

  • always：永远显示在Toolbar中，如果屏幕空间不够则不显示
  • ifRoom：屏幕空间足够的情况下显示在Toolbar中，不够的话就显示在菜单当中
  • never：永远显示在菜单当中。

Toolbar中的action按钮只会显示图标，菜单中的action按钮只会显示文字

滑动菜单

所谓的滑动菜单就是将一些菜单选项隐藏起来，而不是放置在主屏幕上，然后可以通过滑动的方式将菜单显示出来。这种方式既节省了屏幕空间，又实现了非常好的动画效果

DrawerLayout

DrawerLayout是一个布局，在布局中允许放入两个直接子控件，第一个子控件是主屏幕中显示的内容，第二个子控件是滑动菜单中显示的内容。

<!--support库-->
<android.support.v4.widget.DrawerLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:app="http://schemas.android.com/apk/res-auto"
	android:id="@+id/drawer_layout"
	android:layout_width="match_parent"
	android:layout_height="match_parent">
	<FrameLayout
		android:layout_width="match_parent"
		android:layout_height="match_parent">
		···
	</FrameLayout>
	<TextView
		android:layout_width="match_parent"
		android:layout_height="match_parent"
		android:layout_gravity="start"
		android:text="This is menu"
		android:textSize="30sp"
		android:background="#FFF" />
</android.support.v4.widget.DrawerLayout>

<!--androidx库-->
<androidx.drawerlayout.widget.DrawerLayout 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:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
		android:layout_width="match_parent"
		android:layout_height="match_parent">
		···
	</FrameLayout>

	<TextView
		android:layout_width="match_parent"
		android:layout_height="match_parent"
		android:layout_gravity="start"
		android:text="This is menu"
		android:textSize="30sp"
		android:background="#FFF" />

</androidx.drawerlayout.widget.DrawerLayout>

在第二个子控件中，layout_gravity 这个属性必须指定，可选值如下：

  • left:滑动菜单在左边
  • right:滑动菜单在右边
  • start:根据系统语言，决定滑动菜单位置(系统语言是从左往右的，比如英语、汉语，滑动菜单就在左边，如果系统语言是从右往左的，比如阿拉伯语，滑动菜单就在右边)

一般来说，用户并不知道这个滑动菜单的存在，需要Toolbar最左边加入一个导航按钮，这样就可以用两种方式来打开滑动菜单

public class MainActivity extends AppCompatActivity {
    private DrawerLayout drawerLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        ActionBar actionBar = getSupportActionBar();
        if (actionBar != null) {
			//让导航按钮显示
            actionBar.setDisplayHomeAsUpEnabled(true);
			//设置导航按钮图标
            actionBar.setHomeAsUpIndicator(R.mipmap.ic_launcher);
        }
    }

    @Override
    public boolean onOptionsItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                drawerLayout.openDrawer(GravityCompat.START);
                break;
            default:
        }
        return true;
    }
}
  • setDisplayHomeAsUpEnabled()：使导航按钮显示
  • setHomeAsUpIndicator():设置导航图标的图标
  • openDrawer()：显示滑动菜单，传入Gravity参数，一般设置与XML中定义一致
  • Toolbar最左侧的按钮叫做HomeAsUp按钮，默认是一个返回箭头，含义是返回上一个活动
  • HomeAsUp按钮的id为android.R.id.home

NavigationView

NavigationView(导航视图)通常与DrawerLayout(抽屉布局)结合使用,实现了良好的侧滑交互体验。

使用NavigationView需要在build.gradle文件中引入相应的库

//androidx库
dependencies {
	...
    implementation 'com.google.android.material:material:1.1.0'
}

//support库
dependencies {
	...
	compile 'com.android.support:design:24.2.1'
}

在布局文件中引入如下代码即可使用

<!--androidx库-->
<com.google.android.material.navigation.NavigationView
	android:id="@+id/nav_view"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:layout_gravity="start"
	app:headerLayout="@layout/nav_header"
	app:menu="@menu/nav_menu" />

<!--support库-->
<android.support.design.widget.NavigationView
	android:id="@+id/nav_view"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:layout_gravity="start"
	app:menu="@menu/nav_menu"
	app:headerLayout="@layout/nav_header "/>
  • app:menu：向NavigationView添加菜单项布局文件
  • app:headerLayout：向NavigationView添加头部布局文件，例如头像和名称的布局

NavigationView还可以添加菜单项的点击事件

NavigationView navView = (NavigationView) findViewById(R.id.nav_view);
navView.setCheckedItem(R.id.nav_call);
navView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
	@Override
	public boolean onNavigationItemSelected(MenuItem item) {
		//相关逻辑
	}
});

悬浮按钮与可交互提示

FloatingActionButton

FloatingActionButton能够轻松实现悬浮按钮的效果
在布局文件中引入如下代码即可

<!--androidx库-->
<com.google.android.material.floatingactionbutton.FloatingActionButton
	android:id="@+id/fab"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_gravity="bottom|end"
	android:layout_margin="16dp"
	app:elevation="8dp"
	app:layout_anchor="@id/appBar"
	android:src="@mipmap/ic_launcher"/>

<!--support库-->
<android.support.design.widget.FloatingActionButton
	android:id="@+id/fab"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_gravity="bottom|end"
	android:layout_margin="16dp"
	app:elevation="8dp"
	app:layout_anchor="@id/appBar"
	android:src="@drawable/ic_done" />
  • app:elevation：指定一个高度值，高度值越大，投影范围也越大，投影效果越淡；高度值越小，投影范围也越小，投影效果越浓
  • app:layout_anchor：指定一个锚点，表示悬浮按钮出现的区域

效果图如下：
FloatingActionButton

FloatingActionButton同样可以设置监听事件，与普通按钮并没有差别

FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
	@Override
	public void onClick(View v) {
		//相关逻辑
	}
});

Snackbar

Snackbar与Toast类似，两者互为补充。两者之间有着不同的应用场景：Toast的作用是告诉用户现在发生了什么事情，用户只能被动接收这个事情；Snackbar则在这方面进行了扩展，它允许在提示当中加入一个可交互按钮，当用户点击按钮的时候可以执行一些额外的逻辑操作
Snackbar使用十分简单，与Toast类似：用静态方法make() 创建Snackbar对象，调用asetAction() 方法设置交互事件，最后用show() 方法让Snackbar显示

public static Snackbar make(@NonNull View view, @NonNull CharSequence text, @Duration int duration);
  • View view：当前界面布局的任意一个View都可以，Snackbar会使用这个View来自动查找最外层的布局，用于展示Snackbar
  • CharSequence text：要显示的文本内容
  • int duration：显示的时长，有三个内置常量可以选择：Snackbar.LENGTH_LONG 、Toast.LENGTH_SHORT和LENGTH_INDEFINITE
public Snackbar setAction(@Nullable CharSequence text, @Nullable final View.OnClickListener listener)
  • CharSequence text：交互按钮的显示名称
  • View.OnClickListener listener：点击交互按钮的监听事件

CoordinatorLayout

CoordinatorLayout是一个加强版的FrameLayout，它可以监听其所有子控件的各种事件，然后自动做出最为合理的响应，它有两个作用：

  • 用作应用的顶层布局管理器
  • 通过为子View指定 behavior 实现自定义的交互行为

可以在CoordinatorLayout中的子控件中添加app:layout_behavior属性来指定布局行为
使用以下代码引入CoordinatorLayout

<!--androidx库-->
<androidx.coordinatorlayout.widget.CoordinatorLayout
	android:layout_width="match_parent"
	android:layout_height="match_parent">

</androidx.coordinatorlayout.widget.CoordinatorLayout>

<!--support库-->
<android.support.design.widget.CoordinatorLayout
	android:layout_width="match_parent"
	android:layout_height="match_parent">

</android.support.design.widget.CoordinatorLayout>

卡片式布局

CardView

CardView是用于实现卡片式布局效果的重要控件，是一个FrameLayout，但额外提供了圆角和阴影等效果，看上去会有立体的感觉

<!--androidx库-->
<androidx.cardview.widget.CardView
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:layout_margin="5dp"
	app:cardCornerRadius="4dp">

</androidx.cardview.widget.CardView>

<!--support库-->
<android.support.v7.widget.CardView
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	app:cardCornerRadius="4dp"
	app:elevation="5dp">

</android.support.v7.widget.CardView>
  • app:cardCornerRadius：指定定卡片圆角的弧度，数值越大，圆角的弧度也越大
  • app:elevation：指定卡片的高度，高度值越大，投影范围也越大，投影效果越淡；高度值越小，投影范围也越小，投影效果越浓

CardView中的控件会显示在一张卡片上，一般CardView会配合RecyclerView一块使用，即在RecyclerView中引用CardView，呈现卡片式布局

AppBarLayout

AppBarLayout实际上是一个垂直方向的LinearLayout，它在内部做了很多滚动事件的封装，并应用了一些Material Design的设计理念。

AppBarLayout必须是CoordinatorLayout子控件。当AppBarLayout接收到滚动事件(在同一个CoordinatorLayout中的其他子控件的滚动事件)的时候，它内部的子控件其实是可以指定如何去影响这些事件的，使用app:layout_scrollFlags属性来定制，这个属性有以下几个可选值：

  • scroll：向上滚动时，控件跟着一起向上滚动并实现隐藏
  • enterAlways：向下滚动时，控件跟着一起向下滚动并重新显示
  • snap：控件还没有完全隐藏或显示的时候，会根据当前滚动的距离，自动选择是隐藏还是显示

引入AppBarLayout

<!--androix库-->
<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

	<com.google.android.material.appbar.AppBarLayout
		android:layout_width="match_parent"
		android:layout_height="wrap_content">

	</com.google.android.material.appbar.AppBarLayout>

</androidx.coordinatorlayout.widget.CoordinatorLayout>


<!--support库-->
<android.support.design.widget.CoordinatorLayout
	android:layout_width="match_parent"
	android:layout_height="match_parent">

	<android.support.design.widget.AppBarLayout
		android:layout_width="match_parent"
		android:layout_height="wrap_content">

	</android.support.design.widget.AppBarLayout>

</android.support.design.widget.CoordinatorLayout>

下拉刷新

SwipeRefreshLayout是用于实现下拉刷新功能的核心类，把想要实现下拉刷新功能的控件放置到SwipeRefreshLayout中，就可以迅速让这个控件支持下拉刷新
向项目中引入SwipeRefreshLayout（使用androidx库时需要引入）

//androidx库
dependencies {
	...
    implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.0.0'
}

在布局文件中引入SwipeRefreshLayout

<!--androidx库-->
<androidx.swiperefreshlayout.widget.SwipeRefreshLayout
	android:id="@+id/swipe_refresh"
	android:layout_width="match_parent"
	android:layout_height="match_parent">

</androidx.swiperefreshlayout.widget.SwipeRefreshLayout>

<!--support库-->
<android.support.v4.widget.SwipeRefreshLayout
	android:id="@+id/swipe_refresh"
	android:layout_width="match_parent"
	android:layout_height="match_parent">

</android.support.v4.widget.SwipeRefreshLayout>

引入SwipeRefreshLayout还需要添加相关的刷新逻辑：

SwipeRefreshLayout swipeRefresh = (SwipeRefreshLayout) findViewById(R.id.swipe_refresh);
//设置刷新进度条颜色
swipeRefresh.setColorSchemeResources(R.color.colorPrimary);
//设置刷新监听器
swipeRefresh.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
	@Override
	public void onRefresh() {
		//刷新逻辑
	}
});
//用于表示刷新事件结束，并隐藏进度条
swipeRefresh.setRefreshing(false);

可折叠式标题栏

CollapsingToolbarLayout是一个作用于Toolbar基础之上的布局，它可以让Toolbar的效果变得更加丰富，不仅仅是展示一个标题栏，而是能够实现非常华丽的效果。

CollapsingToolbarLayout是不能独立存在的，它在设计的时候就被限定只能作为AppBarLayout的直接子布局来使用。

在布局文件中引用：

<!--androidx库-->
<androidx.coordinatorlayout.widget.CoordinatorLayout
	android:layout_width="match_parent"
	android:layout_height="match_parent">

	<com.google.android.material.appbar.AppBarLayout
		android:id="@+id/appBar"
		android:layout_width="match_parent"
		android:layout_height="250dp">

		<com.google.android.material.appbar.CollapsingToolbarLayout
			android:id="@+id/collapsing_toolbar"
			android:layout_width="match_parent"
			android:layout_height="match_parent"
			android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
			app:contentScrim="?attr/colorPrimary"
			app:layout_scrollFlags="scroll|exitUntilCollapsed">

		</com.google.android.material.appbar.CollapsingToolbarLayout>

	</com.google.android.material.appbar.AppBarLayout>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

<!--support库-->
<android.support.design.widget.CoordinatorLayout
	android:layout_width="match_parent"
	android:layout_height="match_parent">

	<android.support.design.widget.AppBarLayout
		android:id="@+id/appBar"
		android:layout_width="match_parent"
		android:layout_height="250dp">

		<android.support.design.widget.CollapsingToolbarLayout
			android:id="@+id/collapsing_toolbar"
			android:layout_width="match_parent"
			android:layout_height="match_parent"
			android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
			app:contentScrim="?attr/colorPrimary"
			app:layout_scrollFlags="scroll|exitUntilCollapsed">
		</android.support.design.widget.CollapsingToolbarLayout>

	</android.support.design.widget.AppBarLayout>

</android.support.design.widget.CoordinatorLayout>
  • app:contentScrim：指定CollapsingToolbarLayout在趋于折叠状态以及折叠之后的背景色。CollapsingToolbarLayout在折叠之后就是一个普通的Toolbar，背景色是colorPrimary

使用app:layout_collapseMode属性指定CollapsingToolbarLayout的子控件（该属性写在子控件上）在CollapsingToolbarLayout折叠过程中的折叠模式，有可选值：

  • pin：在折叠的过程中位置始终保持不变
  • parallax：在折叠的过程中产生一定的错位偏移

开发Tips

在Android 5.0系统之前，无法对状态栏的背景或颜色进行操作的，那个时候还没有Material Design的概念。是Android 5.0及之后的系统都是支持这个功能的。

想要让背景图能够和系统状态栏融合，需要借助android:fitsSystemWindows这个属性来实现，将控件的android:fitsSystemWindows属性指定成true，就表示该控件会出现在系统状态栏里，需要将该控件的父布局android:fitsSystemWindows属性指定成true

除了指定android:fitsSystemWindows这个属性，还需要设定程序的主题色为透明
对于Android 5.0以上系统，需要在res目录下创建一个values-v21目录，在该目录下创建styles.xml文件,内容如下：

<resources>
	<style name="MyTheme" parent="AppTheme">
		<item name="android:statusBarColor">@android:color/transparent</item>
	</style>
</resources>

对于Android 5.0以下系统，在values/styles.xml文件中添加以下内容：

<resources>
	<!-- Base application theme. -->
	<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
		<!-- Customize your theme here. -->
		<item name="colorPrimary">@color/colorPrimary</item>
		<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
		<item name="colorAccent">@color/colorAccent</item>
	</style>

	<style name="MyTheme" parent="AppTheme">

	</style>

</resources>

最后在AndroidManifest.xml中将想要实现这个效果的Activity添加android:theme属性，属性值为styles.xml文件中的主题名称

姓chen的大键哥
关注
专栏目录
Python开发一个《真三国无双20th纪念》人物羁绊计算器
Mr数据杨
01-16 2万+
文章目录《真三国无双20th纪念》羁绊计算器源码 《真三国无双20th纪念》 目前 《真三国无双20th纪念》 这个手游在国内没有代理商，所以服务器是国际服，想找该游戏的去一些有外服的应用商店查找吧。 应广大群友要求制作了一个人物副将羁绊计算机，用于增加整体队伍属性使用。 先来看一个我自己搭配的一个比较优质的组合，由于这游戏人物太多了几百个人物，所以想要达到一个最优的组合还需要氪金一下。 羁绊计算器源码 先来看一个效果图吧，我用Django部署到我的个人服务器上了。 源码如下： import
安卓学习之Material Design
qq_39176095的博客
05-21 449
1.什么是material desing 一套全新的界面设计语言，包含了视觉、运动、互动效果等特性。一言以蔽之，好看！ 2.Toolbar 1.打开res/values/styles.xml文件，代码如下所示 <resources> <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> &lt
Android设计模式——Material Design学习（一）
qq_39636109的博客
07-05 6246
Material Design（原质化设计）是谷歌2014年推出的新的设计模式，但是发现自己在项目中使用的还是比较少，所以这里来做一个学习总结。Material Design主要强调的是统一的安卓应用风格，但是它的普及程度却并不理想（用起来真的好费力）。于是在2015年谷歌发布了Design Support库，让程序员可以在不了解Material Design的情况下轻松使用。下面不多说，为了达到...
Android学习-Material Design
vbbbbbbbbbbb的博客
03-03 290
谷歌工程师们设计的界面设计语言。 Toolbar 活动最顶部的那个标题栏就是ActionBar。 ActionBar由于设计的原因，被限定只能位于活动的顶部，从而不能实现一些效果，因此官方现在已经不建议使用ActionBar了。那我们学习Toolbar。 Toolbar的强大之处在于，它不仅继承了ActionBar的所有功能，而且灵活性很高，可以配合其他控件来完成一些Material Design的效果。 首先需要知道，任何一个新建的项目，默认都是会显示ActionBar的，ActionBar是根据项目中指
Android学习笔记：Material Design
浩比的专栏
10-28 546
Material Design于2014年的Google I/O 大会上推出，是由谷歌的设计工程师们基于传统优秀的设计原则，结合丰富的创意和科学技术所发明的一套全新的界面设计语言。在2015年的Google I/O 大会上推出了一个Design Support库，这个库将Material Design中最具代表性的一些控件和效果进行了封装，使得开发者在即使不了解Material Design的情况...
Android开发学习之Material Design
YCF8746的博客
07-30 301
（参考书：第一行代码第2版）
云顶之弈，金铲铲之战羁绊计算器，基于内存数据库开发。.zip
最新发布
08-23
【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【适合场景】：相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛...
基于spring boot + maven + opencv 实现的图像深度学习Demo项目（整套项目资料）
06-27
拥有完整的训练、检测、识别过程的开源项目更是少之又少！！ 本人目前也正在学习图片识别相关技术，代码及文档持续更新中，大牛请绕路 由于工作跟生活的羁绊，这个开源项目的维护时间越来越少了，也只能想到的时候...
Android基础知识——Material Design实战
ABded的博客
09-13 1908
文章目录1.什么是Material Design2.Toolbar3.滑动菜单3.1DrawerLayout3.2NavigationView 1.什么是Material Design Material Design是由谷歌的设计工程师们基于传统的优秀设计原则，结合丰富的创意和科学技术所发明的一套全新的界面设计语言，包含了视觉，运动，互动效果等特性。而事实上，Material Design更像是一种设计思想和理念，而本节我们并不是要以设计师的角度去学习Material Design，而是以一个开发者的角度去
Design assumption violated.at androidx.viewpager2.adapter.FragmentStateAdapter.placeFragmentInViewHo
Goals1989的博客
06-15 403
问题：viewpager2加载数据会产生预加载，导致一些数据错乱，所以选用viewpager2+lazyfragment来实现多页面滑动翻页的效果，但是会出现违反设计规定的报错：表现就是往回翻一定的页数会crash，然后报标题的错误。//这个setOffscreenPageLimit可以加大缓存量,就不容易被销毁而显示不出来了。处理：看了好多网站说这个问题的，试了下都不行。解决：最后简单解决问题！
Android 低版本实现Material Design侧滑和floatingButton效果
07-02
通过使用v4 v7包在低版本实现Material Design效果
使用viewpager2时遇到的崩溃：Design assumption violated. at androidx.viewpager2.adapter.Fragment
weixin_42277946的博客
01-09 1267
viewpager2崩溃：Design assumption violated. at androidx.viewpager2.adapter.Fragment
Design assumption violated异常处理
wangadping的博客
01-04 1200
Design assumption violated异常处理
Material Design之侧滑
OneLinee的博客
10-30 656
首先我在这里拿出一张图片来说一下这篇博客要说的内容。 这个功能也很常见，就是当你用手机左右滑动屏幕两端，会出现另外一个页面，一般情况下，这个页面都会放置自己的个人信息。 那么，这个功能该如何实现呢？首先，我们要知道使用了Material Design中的哪几个控件。这里我们要说下DrawerLayout布局，这个布局里面可以放置两个直接控件。<android.support.v4.widge
使用 DrawerLayout 实现 Material Design风格的侧滑
superbigcupid的专栏
06-20 339
原文地址：http://www.jianshu.com/p/3fe2acac0ddb 不知道简书怎么并排图片?（T﹏T） 先看效果吧! 效果一: Android 2.3 效果 Android 5.0 效果 效果二: Android 2.3 效果 Android 5
Material Design设计之NavigationView+DrawerLayout主流侧滑实现
菜鸟闯天下的专栏
10-11 935
Material Design设计之NavigationView+DrawerLayout主流侧滑实现 　　NavigationView+DrawerLayout主流侧滑实现很早就出来了，网上也有相当多的学习资源，我今天也是闲来无事写了个Demo，无聊记录一下。 　　NavigationView也是一个简单的View控件，使用起来也比较容易，但是要结合DrawerLayout一起使用。
学习点滴（四）
若然的专栏
11-17 1079
case1:如何让ActionBar中的返回键返回到指定activity 在ActionBar中setDisplayHomeAsUpEnabled(boolean enalbe) 方法，将其设置为true， 给ActionBar左上角图标的左边加上一个返回的图标 。对应ActionBar.DISPLAY_HOME_AS_UP。 同时在AndroidManifest.xml中对应的activ
Android基础——Material Design
松仔Log的博客
08-02 4031
Material DesignMaterial Design是什么？ToolbarDrawerLayoutNavigationViewFloatingActionButtonSnackbarCoordinatorLayoutCarView Material Design是什么？ Material Design时谷歌推出的一套UI设计规范，主要通过Design Support库来实现。 Toolbar 将ActionBar取消，修改value文件夹下的style.xml，修改parent为NoActionBa
Android Material Design常用控件学习笔记
尘封的落叶的博客
08-28 2641
Google I/O 2014 发布了Material Design。希望统一 Android平台设计语言规范。然而再国内的很多产品和设计师并不吃这一套，还是各种仿IOS的UI。作为一个Google粉当然要学会Android Material控件的使用。而且这些控件使用起来非常方便。以下是Android Material常用控件的整理。 请注意：介绍了多个控件、多图预警，流量党珍惜下流量。 gi
python爬取云顶之弈羁绊
10-20
要爬取云顶之弈的羁绊信息，可以通过模拟发送ajax请求获取数据。具体步骤如下： 1. 打开云顶之弈官网，进入羁绊页面，打开浏览器开发者模式，切换到网络选项卡。 2. 滑动羁绊页面，观察网络请求，找到获取羁绊数据的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

姓chen的大键哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值