Meterial Design (二)控件讲解(一)

Mac 安装 Android Studio

简介

  • 使用Android Studio开发Android APP
  • Android Studio 是谷歌推出的一个Android集成开发工具,基于IntelliJ IDEA. 类似 Eclipse ADT,Android Studio 提供了集成的 Android 开发工具用于开发和调试。
Meterial Design (二)控件讲解(一)
  • 第三步:运行AndroidStudio
    1.首次打开会有如下提示:
Meterial Design (二)控件讲解(一)

第一个选项,询问你是否之前有使用其他版本,需要导入配置。
第二个选项,是默认AS设置,不需要导入。由于第一次使用,所以我选择后者,点击“OK”按钮。
2.可能会弹出如下界面,提示无法访问Android SDK,可以暂时不管,直接cancel。

Meterial Design (二)控件讲解(一)

3.弹出如下界面,直接next。

Meterial Design (二)控件讲解(一)

上图为选择安装组件的形式,我们这里选择标准模式。
接下来弹出ui主题的选择,我们默认,然后next。

Meterial Design (二)控件讲解(一)Meterial Design (二)控件讲解(一)

4.显示下载组件信息,等待下载完成。

Meterial Design (二)控件讲解(一)Meterial Design (二)控件讲解(一)

下载完成后就可以使用AndroidStudio开发应用程序了。

Material Design——控件(一)

Meterial Design (二)控件讲解(一)

1.TextInputLayout

  • 布局控件,继承自LinearLayout

TextInputLayout继承关系如下:

java.lang.Object
   ↳    android.view.View
       ↳    android.view.ViewGroup
           ↳    android.widget.LinearLayout
               ↳    android.support.design.widget.TextInputLayout
Meterial Design (二)控件讲解(一)

2.CardView

  • CardView的属性设置都是"app:"开头的,如果使用"android:"开头的是没有效果的。
  • 可以设置圆角弧度,还可以设置z轴高度,显示阴影效果。CardView是个Group,继承自FrameLayout。
Meterial Design (二)控件讲解(一)Meterial Design (二)控件讲解(一)
  • app:cardBackgroundColor:设置背景色。
  • app:cardCornerRadius:设置角的弧度,MD设计要求统一为2dp,但是2dp感官上不太明显。
  • app:contentPadding:内容padding。
  • app:cardElevation:设置z轴高度。

3.SwitchCompat

  • 选项开关,这个是控件View。
Meterial Design (二)控件讲解(一)Meterial Design (二)控件讲解(一)

4.SnackBar

  • 是为了给用户提供交互信息,Snackbar是固定在底部的,显示时从下往上滑出
  • 最普通的SnackBar,只有文字说明,复杂的SnackBar可以带按钮及事件。
Meterial Design (二)控件讲解(一)

5.FloatingActionButton

  • 一般悬浮于手机屏幕右下角的一个按钮,当然也有放在屏幕中上位置的。
Meterial Design (二)控件讲解(一)Meterial Design (二)控件讲解(一)Meterial Design (二)控件讲解(一)

6.Seekbar

  • SeekBar滑动条,主要应用在音乐/视频播放,或者对音量/屏幕亮度调节的一些操作中,让用户可以手动的去改变相应的值。
Meterial Design (二)控件讲解(一)