网站建设资讯

NEWS

网站建设资讯

如何使用MaterialDesign控件

这篇文章给大家分享的是有关如何使用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



  
  

  

新建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控件”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


本文名称:如何使用MaterialDesign控件
URL网址:http://njwzjz.com/article/ighged.html