我无法通过com.google.android.material.button.MaterialButton使用材质按钮

时间:2019-09-03 10:32:25

标签: android material-design android-button material-components material-components-android

嗨,我想使用下面的链接中的按钮之类的实质性按钮: https://material.io/components/buttons/#text-button

但是当我添加时:

compile group: 'com.google.android.material', name: 'material', version: '1.1.0-alpha01'

并用于:

我的代码在下面

我已经使用了许多com.google.android.material实现,但不能尝试做一些尝试:

implementation 'com.google.android.material:material:1.1.0-alpha09'
implementation 'com.google.android.material:material:1.1.0'
implementation 'com.google.android.material:material:1.0.0'
implementation 'com.google.android.material:material:1.0.0-alpha1'

应用程序gradle:


android {
    compileSdkVersion 28
    defaultConfig {
        applicationId "com.example.esppad.fansy4"
        minSdkVersion 21
        targetSdkVersion 28
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'androidx.appcompat:appcompat:1.0.0'
    // https://mvnrepository.com/artifact/com.google.android.material/material
    compile group: 'com.google.android.material', name: 'material', version: '1.1.0-alpha01'

    //implementation 'com.google.android.material:material:1.1.0-alpha1'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test:runner:1.1.0'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.1.0'
}

我的主要活动代码是:

<?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical"
 android:layout_marginLeft="10dp"
 android:layout_marginRight="10dp"
 android:gravity="center">
 <com.google.android.material.button.MaterialButton
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     style="@style/Widget.MaterialComponents.Button.OutlinedButton"
     android:text="material"
     app:strokeColor="@color/colorPrimary"
     app:strokeWidth="2dp"
     android:layout_marginBottom="10dp"

     />

     <Button
         android:id="@+id/button"
         style="@style/Widget.MaterialComponents.Button.TextButton"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:text="Button" />

 <Button
     android:id="@+id/button2"

     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:text="Button" />
</LinearLayout>

我的构建gradle是:

// Top-level build file where you can add configuration options common to all sub-projects/modules.

buildscript {
    repositories {
        google()
        jcenter()

    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.4.2'

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

allprojects {
    repositories {
        google()
        jcenter()

    }
}

task clean(type: Delete) {
    delete rootProject.buildDir
}

4 个答案:

答案 0 :(得分:1)

要将material text buttons添加到您的应用中,请按照以下步骤操作:

implementation 'com.google.android.material:material:1.1.0-alpha09'
<com.google.android.material.button.MaterialButton
    android:id="@+id/material_text_button"
    style="@style/Widget.MaterialComponents.Button.TextButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="..."/>

enter image description here

答案 1 :(得分:0)

代替此行

  compile group: 'com.google.android.material', name: 'material', version: '1.1.0-alpha01'

使用此

implementation 'com.google.android.material:material:1.1.0-alpha09'

别忘了更改您的应用程序主题以从Material Components主题继承

答案 2 :(得分:0)

材料设计文档明确说明了如何将库合并到应用程序中。您可以在https://material.io/develop/android/docs/getting-started/上阅读它。

简而言之,您必须依赖于以下库:

implementation 'com.google.android.material:material:<version>'

其中<version>是最新版本(当前为1.1.0-alpha09)。

此后,您需要更新您的应用主题以使用材料设计。转到src/main/res/values/styles.xml并在那里更新应用程序主题:

<style name="AppTheme" parent="<theme>">
   <!-- ... -->
</style>

其中<theme>可以是以下之一:

Theme.MaterialComponents
Theme.MaterialComponents.NoActionBar
Theme.MaterialComponents.Light
Theme.MaterialComponents.Light.NoActionBar
Theme.MaterialComponents.Light.DarkActionBar
Theme.MaterialComponents.DayNight
Theme.MaterialComponents.DayNight.NoActionBar
Theme.MaterialComponents.DayNight.DarkActionBar

最后,您准备好使用所需的任何材料元素。对于您的按钮:

<com.google.android.material.button.MaterialButton
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  style="@style/Widget.MaterialComponents.Button.OutlinedButton"
  android:text="material"
  app:strokeColor="@color/colorPrimary"
  app:strokeWidth="2dp"
  android:layout_marginBottom="10dp"/>

答案 3 :(得分:0)

尝试一下implementation 'com.google.android.material:material:1.0.0'
要么  尝试将您的应用迁移到androidx here is the example