学习使用Material Design控件(一)

 更新时间:2017年07月28日 09:37:29   作者:贵公子  
这篇文章主要为大家介绍了学习使用Material Design控件的详细教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

Google 发布的Material Design支持库,对我们的APP设计有很大的影响,如果重新设计APP,支持库应该直接用V4提升到V7了,我们可以用Toolbar代替ActionBar,以及引入了RecycleView, SnakeBar等新控件。

我写了一个Demo来学习使用这些新控件。

新建项目,加入依赖包

我们使用Android Studio来开发这个Demo,在Android Studio新建一个项目,修改App Module的build.gradle文件,把compileSdkVersion和targetSdkVersion改为21,因为Material Design支持库需要Android 5.0以上作为编译SDK。

同时要加入相关依赖包design和RecyclerView支持包。

android {
  compileSdkVersion 21
  buildToolsVersion ”21.1.2”

  defaultConfig {
    applicationId ”materia.aswifter.com.materialexample”
    minSdkVersion 15
    targetSdkVersion 21
    versionCode 1
    versionName ”1.0”
  }
  buildTypes {
    release {
      minifyEnabled false
      proguardFiles getDefaultProguardFile('proguard-android.txt'), ‘proguard-rules.pro'
    }
  }
}

dependencies {
  compile fileTree(dir: ‘libs', include: [‘*.jar'])
  compile 'com.android.support:design:22.2.0'
  compile 'com.android.support:recyclerview-v7:22.0.+'
}

新建Layout

新建activity_main.xml,在其中我们加入Toolbar和RecyclerView

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="match_parent">

  <android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:background="?attr/colorPrimaryDark">
  </android.support.v7.widget.Toolbar>

  <android.support.v7.widget.RecyclerView
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@+id/toolbar"
    android:scrollbars="none" />

</RelativeLayout>

新建Activity

新建MainActivity继承自AppCompatActivity

加入ToolBar

setContentView(R.layout.activity_main);
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);

使用RecyclerView

RecyclerView是用来替换ListView的,它在里面封装ViewHolder的一些处理,
不过RecyclerView没有setOnItemClickListener方法,需要自己实现。

mRecyclerView = (RecyclerView) findViewById(R.id.recyclerView);
 // use this setting to improve performance if you know that changes
 // in content do not change the layout size of the RecyclerView
 mRecyclerView.setHasFixedSize(true);

 // use a linear layout manager
 mLayoutManager = new LinearLayoutManager(this);
 mRecyclerView.setLayoutManager(mLayoutManager);

 // specify an adapter (see also next example)
 myDataset = new String[]{"JAVA", "Objective-C", "C", "C++", "Swift",
     "GO", "JavaScript", "Python", "Ruby", "HTML", "SQL"};
 mAdapter = new MyAdapter(myDataset);
 mRecyclerView.setAdapter(mAdapter);

使用Snackbar

Snackbar的使用类似于Toast,我在RecyclerView的Item的点击事件中调用Snackbar,
显示TextView中的文字。

public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {
      // each data item is just a string in this case
      public TextView mTextView;

      public ViewHolder(View v) {
        super(v);
        mTextView = (TextView) v.findViewById(R.id.textView);
        v.setOnClickListener(this);
      }

      @Override
      public void onClick(View view) {
        Snackbar.make(view, mTextView.getText(), Snackbar.LENGTH_SHORT).show();
      }
    }

项目源码已发布到Github,以后慢慢加入其他控件的使用。

源码地址:MaterialDesignExample

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • IOS开发向右滑动返回前一个页面功能(demo)

    IOS开发向右滑动返回前一个页面功能(demo)

    本文给大家介绍使用android实现向右滑动返回一个页面的功能,大家都知道在ios7中,苹果的原生态应用几乎都能够通过向右滑动来返回到前一个页面,这样可以避免用户在单手操作时用大拇指去点击那个遥远的返回键,下面小编就给带来了实现代码,有需要的朋友可以参考下
    2016-06-06
  • android 6.0 写入SD卡的权限申请实例讲解

    android 6.0 写入SD卡的权限申请实例讲解

    今天小编就为大家分享一篇android 6.0 写入SD卡的权限申请实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • Android studio制作简易计算器功能

    Android studio制作简易计算器功能

    这篇文章主要为大家详细介绍了Android studio制作简易计算器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • Android实现地理定位功能

    Android实现地理定位功能

    这篇文章主要为大家详细介绍了Android实现地理定位功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • Android开发获取手机Mac地址适配所有Android版本

    Android开发获取手机Mac地址适配所有Android版本

    这篇文章主要介绍了Android开发获取手机Mac地址适配所有Android版本,需要的朋友可以参考下
    2020-03-03
  • Android Service完整实现流程分析

    Android Service完整实现流程分析

    Android的服务是开发Android应用程序的重要组成部分。不同于活动Activity,服务是在后台运行,服务没有接口,生命周期也与活动Activity非常不同。通过使用服务我们可以实现一些后台操作,比如想从远程服务器加载一个网页等,下面来看看详细内容,需要的朋友可以参考下
    2023-01-01
  • 如何在Android Studio下进行NDK开发

    如何在Android Studio下进行NDK开发

    这篇文章主要介绍了如何在Android Studio下进行NDK开发,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • Flutter路由之fluro的配置及跳转

    Flutter路由之fluro的配置及跳转

    本文主要介绍了Flutter路由之fluro的配置及跳转,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Android性能优化之弱网优化详解

    Android性能优化之弱网优化详解

    这篇文章主要为大家介绍了Android性能优化之弱网优化示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • 使用VideoView播放App中的资源文件

    使用VideoView播放App中的资源文件

    这篇文章主要介绍了使用VideoView播放App中的资源文件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06

最新评论