文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

如何使用Material Design控件

2023-05-30 23:35

关注

这篇文章给大家分享的是有关如何使用Material Design控件的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

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

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

如何使用Material Design控件

新建项目,加入依赖包

我们使用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,以后慢慢加入其他控件的使用。

感谢各位的阅读!关于“如何使用Material Design控件”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯