web-dev-qa-db-ja.com

Android：バターナイフ付きコトリン

Androidアプリケーションに、KutterinとButterknifeを使用しようとしています。

ここに私のbuild.gradleがあります

dependencies {
    ...
    compile 'com.jakewharton:butterknife:8.0.1'
    kapt 'com.jakewharton:butterknife-compiler:8.0.1'
}

kapt {
    generateStubs = true
}

EditTextもあり、ButterKnifeが変更されたときにメッセージを表示したい：

@OnTextChanged(R.id.input)
fun test() {
   toast(1)
}

しかし、何も起こりません。関数にブレークポイントを設定します-実行されません。

追伸：コッターナイフについて聞いたことがありますが、純粋なバターナイフで 例 を見ました。

私は何を間違えていますか？

androidkotlinbutterknife
40
Rahul

コトリンにはバターナイフは必要ありません。以下を直接使用できます。

// app：build.gradleファイル

apply plugin: 'com.Android.application'
apply plugin: 'kotlin-Android'
apply plugin: 'kotlin-Android-extensions'
apply plugin: 'kotlin-kapt'

Android {
    compileSdkVersion 26
    buildToolsVersion "26.0.1"
    defaultConfig {
        applicationId "com.example.nikhiljadhav.myapplication"
        minSdkVersion 15
        targetSdkVersion 26
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "Android.support.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-Android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    implementation fileTree(include: ['*.jar'], dir: 'libs')
    implementation "org.jetbrains.kotlin:kotlin-stdlib-jre7:$kotlin_version"
    implementation 'com.Android.support:appcompat-v7:26.0.0'
    implementation 'com.Android.support.constraint:constraint-layout:1.0.2'
    implementation 'com.Android.support:design:26.0.0'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.Android.support.test:runner:1.0.0'
    androidTestImplementation 'com.Android.support.test.espresso:espresso-core:3.0.0'
}

kapt {
    generateStubs = true
}

// xmlレイアウトファイル

<TextView
    Android:id="@+id/tvHello"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:text="Hello World!"
    Android:layout_marginBottom="8dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    Android:layout_marginTop="8dp"
    app:layout_constraintEnd_toEndOf="parent"
    Android:layout_marginEnd="8dp"
    app:layout_constraintStart_toStartOf="parent"
    Android:layout_marginStart="8dp" />

<TextView
    Android:id="@+id/tvId"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:text="Hello World!"
    Android:layout_marginBottom="8dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    Android:layout_marginTop="8dp"
    app:layout_constraintEnd_toEndOf="parent"
    Android:layout_marginEnd="8dp"
    app:layout_constraintStart_toStartOf="parent"
    Android:layout_marginStart="8dp" />

<EditText
    Android:id="@+id/etDemo"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:layout_marginBottom="8dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    Android:layout_marginTop="8dp"
    app:layout_constraintEnd_toEndOf="parent"
    Android:layout_marginEnd="8dp"
    Android:onClick="onClick"
    app:layout_constraintStart_toStartOf="parent"
    Android:layout_marginStart="8dp" />

// MainActivity.ktファイル

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        setSupportActionBar(toolbar)

        // use the kotlin property
        tvHello.text="Hi bla bla"
        tvId.text="buubububub"
        //set textcolor  
        tvId.setTextColor(ContextCompat.getColor(this, R.color.colorAccent)) 
        etDemo.hint="nhdodfhfgf"

        tvId.setOnClickListener{ view->
            onClick(view)
        }

        fab.setOnClickListener { view ->
            Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                    .setAction("Action", null).show()
        }
    }

    fun onClick(view: View) {
        Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                .setAction("Action", null).show()
    }

    ...
}

OnTextChangeListnerの場合：

etText.addTextChangedListener(object : TextWatcher{
        override fun afterTextChanged(p0: Editable?) {
            TODO("not implemented") //To change body of created functions use File | Settings | File Templates.
        }

        override fun beforeTextChanged(p0: CharSequence?, p1: Int, p2: Int, p3: Int) {
            TODO("not implemented") //To change body of created functions use File | Settings | File Templates.
        }

        override fun onTextChanged(p0: CharSequence?, p1: Int, p2: Int, p3: Int) {
            TODO("not implemented") //To change body of created functions use File | Settings | File Templates.
        }

    })
87
Nikhil Jadhav

アプリレベルでbuild.gradle

apply plugin: 'kotlin-Android'

kapt {
    generateStubs = true
}

dependencies {
    compile 'com.jakewharton:butterknife:8.4.0'
    kapt 'com.jakewharton:butterknife-compiler:8.4.0'
}

トップレベルbuild.gradleで

buildscript {
    ext.kotlin_version = '1.1.3'
    repositories {
        jcenter()
    }
    dependencies {
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
    }
}

アクティビティ

@BindView(R.id.toolbar)  @JvmField var toolbar: Toolbar? = null

または

@BindView(R.id.toolbar) lateinit var toolbar: Toolbar

内部OnCreate

ButterKnife.bind(this)
35
AyoGitNg

Kotlinの作成者はサイトで次のように伝えています：Kotlin Android Extensionsプラグイン（Android StudioのKotlinプラグインに自動的にバンドルされている）は同じ問題を解決します：replacing findViewById簡潔でわかりやすいコード。既にButterKnifeを使用していて、移行したくない場合を除き、それを使用することを検討してください。

そして、例えば.

// Using R.layout.activity_main from the main source set
import kotlinx.Android.synthetic.main.activity_main.*

class MyActivity : Activity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        textView.setText("Hello, world!")
        // Instead of findViewById(R.id.textView) as TextView
    }
}

textViewはActivityの拡張プロパティであり、activity_main.xmlで宣言されたものと同じ型を持っています。

12
sashk0

あなたのgradleで：

compile 'com.jakewharton:butterknife:8.8.0'
kapt "com.jakewharton:butterknife-compiler:8.8.0"

アクティビティで

@BindView(R.id.toolbar)
lateinit var mToolbar: Toolbar

もちろん、ButterKnife.bind(this)を覚えて、アプリの上部にプラグインを適用してください。gradleapply plugin: 'kotlin-kapt'

完全な例を確認

完全なリンク： https://github.com/JetBrains/kotlin-examples/tree/master/gradle/Android-butterknife

10
Pablo Cegarra

さようならfindViewByIdまたはButterknifeなどのライブラリに、

Kotlin Android Extensionsプラグインは、XMLレイアウト定義で使用したidの名前を持つプロパティであるかのように、レイアウトXMLのビューにアクセスできる追加コードを生成します。

また、ローカルビューキャッシュも構築します。そのため、プロパティが初めて使用されるとき、通常のfindViewByIdが実行されます。ただし、次回はビューがキャッシュから回復されるため、コンポーネントへのアクセスが高速になります。

docs を参照して、例を理解してください。

4
hetsgandhi

次のリンクからソースツリーにButterKnife.ktを追加するだけです。
https://github.com/JakeWharton/kotterknife
それは私のために働いた。

3
Vaibhav Jadhav

このインポートを追加することにより、free/res/layout/activity_main.xmlレイアウトのすべての合成プロパティをインポートできます。

import kotlinx.Android.synthetic.main.activity_main.*

Findbyidを開始する必要がないidを使用して、すべてのビューにアクセスできるようになりました

2
Adnan Yousaf

Jake Whartonは、kotlin用にkotterknifeという新しいライブラリを作成しました。 https://github.com/JakeWharton/kotterknife Gradle：

compile 'com.jakewharton:kotterknife:0.1.0-SNAPSHOT'

見る：

val lastName: TextView by bindView(R.id.last_name)

  // Optional binding.
  val details: TextView? by bindOptionalView(R.id.details)

  // List binding.
  val nameViews: List<TextView> by bindViews(R.id.first_name, R.id.last_name)

  // List binding with optional items being omitted.
  val nameViews: List<TextView> by bindOptionalViews(R.id.first_name, R.id.middle_name, R.id.last_name)
1
Michael Ibrahim

これをプロジェクトBuild.gradleに追加します

buildscript {
ext.kotlin_version = '1.1.2-4'
ext.butterknife_version = '8.6.0'
repositories {
    maven { url 'https://maven.google.com' }
    jcenter()
}
dependencies {
    classpath 'com.Android.tools.build:gradle:3.0.0-alpha1'
    classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
    classpath "com.jakewharton:butterknife-gradle-plugin:$butterknife_version"

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

そして、アプリのBuild.Gradleにこれを追加します。

    //Butterknife
compile "com.jakewharton:butterknife:$butterknife_version"
kapt "com.jakewharton:butterknife-compiler:$butterknife_version"
1
dhiku

ビューの動作を改善するために、いくつかの拡張機能を実装できます。通常のeditTextの「onTextChange」のこの例をチェックアウトします。

fun EditText.onTextChange(callback: (text: CharSequence?, start: Int, before: Int, count: Int) -> Unit) {
    addTextChangedListener(object : TextWatcher {
        override fun afterTextChanged(s: Editable?) {}

        override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}

        override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {
            callback(s, start, before, count)
        }
    })
}

使用法：

m_editText.onTextChange { text, _, _, _ -> 
   m_textView.text = text
}

Kotlin-Android-extensionsに投票します

1
Fredy Mederos

Kotlinでは、実際にはButterKnifeの概念を採用する必要はありません。なぜならアクティビティでは、レイアウトファイルのビュー_idを直接参照できます以下に示すとおりです。

layout.xml

<Button
     Android:id="@+id/btn_prestage"
     Android:layout_width="20dp"
     Android:layout_height="20dp"
     Android:background="@drawable/prestaging_off"/>

Activity.kt

 btn_prestage.setBackgroundResource(R.drawable.staging_on)
 btn_prestage.setOnClickListener{ view ->
            Snackbar.make(view, "My Action", Snackbar.LENGTH_LONG)
                    .setAction("Action", null).show() }

build.gradle（app）

apply plugin: 'com.Android.application'
apply plugin: 'kotlin-Android'
apply plugin: 'kotlin-Android-extensions'
apply plugin: 'kotlin-kapt'

Android {
   dependencies {... }
}

kapt {
    generateStubs = true
}
0
Sackurise