学习使用Material Design控件（一）_网络技术_宿州市腾雀网络科技有限公司

学习使用Material Design控件（一）

发布时间 - 2026-01-11 02:32:52 点击率：次

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

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

# Material # Design # 学习使用Material Design控件（三）使用CardView实现卡片效果 # 学习使用Material Design控件（二）使用DrawerLayout实现侧滑菜单栏效果 # 微信小程序之MaterialDesign--input组件详解 # Material Design系列之Behavior实现Android知乎首页 # Material Design系列之Behavior上滑显示返回顶部按钮 # Material Design系列之Behavior实现支付密码弹窗和商品属性选择效果 # Material Design系列之自定义Behavior支持所有View # Android5.0中Material Design的新特性 # Android App仿QQ制作Material Design风格沉浸式状态栏 # 学习使用Material Design控件（四）Android实现标题栏自动缩放、放大效果 # 我在 # 可以用 # 写了 # 它在 # 时要 # 类似于 # 大家多多 # 新建一个 # 新建项目 # 是用来 # 引入了 # 事件中 # 提升到 # false # apk # getDefaultProguardFile # proguardFiles # proguard # txt # rules

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：AI时代效率革命：Prompt Flow全面解析与应用策略

下一篇：linux中的restore命令怎么用

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：AI时代效率革命：Prompt Flow全面解析与应用策略

下一篇：linux中的restore命令怎么用