Button click android kotlin

Android — How to achieve setOnClickListener in Kotlin?

It’s probably popular because Android Studio converts the Java to button.setOnClickListener(object : View.OnClickListener < override fun onClick(v: View) < /*do work*/>>) and then provides an advisory on their generated code that we should convert it to a lambda.

Why everyone is posting same answer with a slight difference? The answer is simple view.setOnClickListener < . >. Seems like everyone is so eager to earn reputation.

32 Answers 32

There are six ways to use SetOnClickListener:

button.setOnClickListener(object : View.OnClickListener < override fun onClick(view: View?) < // Do some work here >>) 

button.setOnClickListener(View.OnClickListener < view ->// Do some work here >) 

class MainActivity : AppCompatActivity(), View.OnClickListener < lateinit var button : Button override fun onCreate(savedInstanceState: Bundle?) < super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) button = findViewById(R.id.button1) button.setOnClickListener(this) >override fun onClick(view: View?) < when(view?.id)< R.id.button1-> < // do some work here >> > > 

class MainActivity : AppCompatActivity() < lateinit var button : Button override fun onCreate(savedInstanceState: Bundle?) < super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) button = findViewById(R.id.button1) button.setOnClickListener(listener) >val listener= View.OnClickListener < view ->when (view.getId()) < R.id.button1 -> < // Do some work here >> > > 

button.setOnClickListener < view ->// Do some work here > 

If multiple parameters in the listener the Third way will look like this button.setOnClickListener(View.OnClickListener < firstArg, secondArg, thirdArg ->

And that right there is the biggest problem with Kotlin. Six ways to do the same thing. Clarity was not one of the design criteria. It should have been #1.

Suppose you have textView to click

text_view.text = "Hello Kotlin"; text_view.setOnClickListener

Can someone point me to this way of calling methods with Functional Interface args in Kotlin? Normally in Java, I’d just do textView.SetOnClickListener(view -> < doSomething() >);

val textview = findViewById(R.id.textview) textview.setOnClickListener(clickListener) val button = findViewById(R.id.button) button.setOnClickListener(clickListener) 

clickListener code.

val clickListener = View.OnClickListener when (view.getId()) < R.id.textview ->firstFun() R.id.button -> secondFun() > > 

Here is an example on how to use the onClickListener in Kotlin

button1.setOnClickListener(object : View.OnClickListener< override fun onClick(v: View?) < //Your code here >>) 

txtNext.setOnClickListener < //Code statements >

class FirstActivity : AppCompatActivity(), View.OnClickListener < override fun onCreate(savedInstanceState: Bundle?) < super.onCreate(savedInstanceState) setContentView(R.layout.activity_first) txtNext.setOnClickListener(this) >override fun onClick(v: View) < when (v.id) < R.id.txtNext -> < //Code statements >else -> < // else condition >> > > 

textview1.setOnClickListener(clickListener) textview2.setOnClickListener(clickListener) 

 private val clickListener: View.OnClickListener = View.OnClickListener < view ->when (view.id) < R.id.textview1-> < Toast.makeText(this, "Clicked 1", Toast.LENGTH_SHORT).show() >R.id.textview2-> < Toast.makeText(this, "Clicked 2", Toast.LENGTH_SHORT).show() >> > 

First you have to get the reference to the View (say Button, TextView, etc.) and set an OnClickListener to the reference using setOnClickListener() method

// get reference to button val btn_click_me = findViewById(R.id.btn_click_me) as Button // set on-click listener btn_click_me.setOnClickListener

Refer Kotlin SetOnClickListener Example for complete Kotlin Android Example where a button is present in an activity and OnclickListener is applied to the button. When you click on the button, the code inside SetOnClickListener block is executed.

Now you can reference the button directly with its id by including the following import statement in Class file. Documentation.

import kotlinx.android.synthetic.main.activity_main.* 

btn_click_me.setOnClickListener < // statements to run when button is clicked >

Источник

Kotlin Android Button: работа с кнопками на примерах

Kotlin Android Button — это кнопка, используемая для выполнения событий и обработки при ее нажатии. Это компонент пользовательского интерфейса, относящийся к классу android.widget.Button. Чтобы узнать больше о кнопке Android, обратитесь к примеру кнопки Android.

Используя Котлин, мы можем выполнять события на кнопке Android разными способами:

1. Реализация setOnClickListener кнопки

button1.setOnClickListener()

2. Реализация View.OnClickListner и переопределение его функции.

button2.setOnClickListener(this) . . override fun onClick(view: View) < // TODO("not implemented") //To change body of created functions use File | Settings | File Templates. >

3. Добавление атрибута onClick кнопки в файл макета и реализация его функции.

4. Программное создание кнопки и установка ее на макете.

button4.setLayoutParams(ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT)) button4.setId(button4_Id) button4.x = 250f button4.y = 500f button4.setOnClickListener(this) constraintLayout.addView(button4)

Пример Kotlin Android Button

В этом примере мы создадим кнопку и выполним для нее событие. Нажав на кнопку, отобразится всплывающее сообщение.

Activity_main.xml

Добавьте три кнопки из палитры виджетов в файл макета activity_main.xml. Его код приведен ниже. Кнопка с идентификатором button3 добавила атрибут onClick, а имя ее функции реализовано в файле класса MainActivity.

MainActivity.kt

Добавьте следующий код в класс MainActivity.kt. В этом классе мы реализуем прослушиватель setOnClickListener для кнопки, реализуем OnClickListener класса View(View.OnClickListener) и переопределяем его функцию onClick. В этом классе мы также программно создаем кнопку(button4), определяем ее свойства и устанавливаем на макете.

package example.javatpoint.com.kotlinbutton import android.support.v7.app.AppCompatActivity import android.os.Bundle import android.view.View import android.view.ViewGroup import android.widget.Button import android.widget.Toast import kotlinx.android.synthetic.main.activity_main.* class MainActivity : AppCompatActivity() , View.OnClickListener < val button4_Id: Int = 1111 override fun onCreate(savedInstanceState: Bundle?) < super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) button1.setOnClickListener()< Toast.makeText(this,"button 1 clicked", Toast.LENGTH_SHORT).show() >button2.setOnClickListener(this) // add button dynamically val button4 = Button(this) button4.setText("Button 4 added dynamically") button4.setLayoutParams(ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT)) button4.setId(button4_Id) button4.x = 250f button4.y = 500f button4.setOnClickListener(this) constraintLayout.addView(button4) > override fun onClick(view: View) < // TODO("not implemented") //To change body of created functions use File | Settings | File Templates. when(view.id) < R.id.button2 ->Toast.makeText(this,"button 2 clicked", Toast.LENGTH_SHORT).show()//single line code button4_Id-> > > fun clickButton(v: View) < val mToast = Toast.makeText(applicationContext,"button 3 clicked", Toast.LENGTH_SHORT) mToast.show() >>

Источник

Kotlin Android – Set OnClickListener for Button

Android Button widget is a UI element generally used to receive user actions as input. You can click on a Button, long press, etc.

In this tutorial, we shall learn to set OnClickListener for Button.

Code – Button.setOnClickListener()

Following code helps you to set on-click listener for Button.

// get reference to button val btn_click_me = findViewById(R.id.btn_click_me) as Button // set on-click listener btn_click_me.setOnClickListener

What we have done here is, we got the reference to the Button and then used setOnClickListener method to trigger an action when the button is clicked.

Example – Kotlin Androide Button.setOnClickListener()

Now we shall look into the layout xml file and Activity(Kotlin file) to set OnClickListener for a Button.

Create an Android Application with Kotlin Support and replace activity_main.xml and MainActivity.kt with the following content.

activity_main.xml

MainActivity.kt

package com.tutorialkart.myapplication import android.support.v7.app.AppCompatActivity import android.os.Bundle import android.widget.Button import android.widget.Toast class MainActivity : AppCompatActivity() < override fun onCreate(savedInstanceState: Bundle?) < super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) // get reference to button val btn_click_me = findViewById(R.id.btn_click_me) as Button // set on-click listener btn_click_me.setOnClickListener < // your code to perform when the user clicks on the button Toast.makeText(this@MainActivity, "You clicked me.", Toast.LENGTH_SHORT).show() >> >

Build and Run the Android Application. You would see the Android screen as shown in the following screenshot.

Button.setOnClickListener() will be triggered and the code in this setOnClickListener<> block will run.

Conclusion

In this Android Tutorial – Kotlin Button OnclickListener, we have learnt to set OnClickListener for Button in Kotlin Android using Button. setOnClickListener() method.

Источник

Android Button using Kotlin and XML

While we believe that this content benefits our community, we have not yet thoroughly reviewed it. If you have any suggestions for improvements, please let us know by clicking the “report an issue“ button at the bottom of the tutorial.

Android Button Overview

Android Button class extends TextView. Button is a UI widget that is used to get click interactions from the user to trigger an action in the application. A button can be created in the XML layout as well as the Kotlin Activity class in the Android Studio Project.

Creating a Button in XML Layout

• android:id is used to set the unique identifier on the Button.
• The android:text is used to set the text inside the button. By default text is displayed in capital letters.
• android:onClick is used to define the Kotlin function to be invoked in the activity when the button is clicked. It is a click listener.
• The android:background is used to set the background color/drawable on the Button.

Tip: To prevent displaying all letters in captial, use the attribute android:textAllCaps=»false»

For more details on how to customize your Buttons in XML Layout refer to the Android Buttons Tutorial.

Button Click Listeners

We can set button listeners programmatically too. Following are the two major listeners:

1. setOnClickListener — triggers when a button is clicked.
2. setOnLongClickListner — triggers when a button is pressed for a longer duration.

Following code snippets has the setOnClickListener set over a button.

button.setOnClickListener(object : View.OnClickListener < override fun onClick(v: View?) < //your implementation goes here >>) 

The above code can be converted in a lambda expression to make it short.

Similarly, a setOnLongClickListener can be defined in the following manner.

button.setOnLongClickListener < textView.text = "Androidly Button Long click" true >//or button.setOnLongClickListener

In the above code, the last statement in each of the expressions is the return statement.

• If the setOnLongClickListener returns true, it means that the setOnClickListener won’t be triggered.
• If the setOnLongClickListener returns false, it means that the setOnClickListener will be triggered.

This is known as consuming events. The first case consumes the event.

Android Button using Kotlin

We’ll be developing an application that increments the counter of the TextView on a Button click. We will use Kotlin to create the button. We’ll also learn about the different Button click handlers.

1. Project Structure

Create a new Android Studio Project. Ensure that in the initial setup, you enable Kotlin Support. Once you’re done, following is the Project Structure that you shall see.

2. Kotlin Button Code

The activity_main.layout file looks like the following code.

We’ve used LinearLayout that holds the views linearly (horizontally or vertically). It’s recommended to set the strings in the strings.xml file instead of hardcoding them. To fetch a string resource we use @string/name_of_string . The function addOne(view: View) is defined in the MainActivity.kt Kotlin class. The code for the MainActivity.kt class is given below.

package net.androidly.androidlybuttons import android.support.v7.app.AppCompatActivity import android.os.Bundle import android.support.v4.content.ContextCompat import android.view.View import android.view.ViewGroup import android.widget.Button import android.widget.LinearLayout import kotlinx.android.synthetic.main.activity_main.* class MainActivity : AppCompatActivity(), View.OnClickListener < override fun onCreate(savedInstanceState: Bundle?) < super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) var androidlyButton = Button(this) androidlyButton.apply < layoutParams = LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT) text = "Double the value" setAllCaps(false) textSize = 20f >androidlyButton.setOnClickListener(this) linearLayout.addView(androidlyButton) androidlyButton = Button(this) androidlyButton.apply < layoutParams = LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT) text = "RESET" textSize = 20f setTextColor(ContextCompat.getColor(this@MainActivity, R.color.colorPrimaryDark)) setOnLongClickListener < txtCounter.text = 0.toString() true >> androidlyButton.setOnClickListener(this) linearLayout.addView(androidlyButton) > override fun onClick(v: View?) < when (v?.id) < R.id.btnDouble -> < txtCounter.text = (txtCounter.text.toString().toInt() * 2).toString() >R.id.btnReset -> < txtCounter.text = (-100).toString() >else -> < >> > fun addOne(view: View) < txtCounter.text = (txtCounter.text.toString().toInt() + 1).toString() >> 

1. import kotlinx.android.synthetic.main.activity_main.* statement automatically gets the view IDs from the xml in our class. Hence saving us from using findViewById.
2. The fun addOne(view: View) is triggered when the btnIncrementByOne is clicked. The (view: View) parameter must be defined in the function declaration.
3. Create a Button programmatically and set it in the parent view(LinearLayout here) using the following code.

var androidlyButton = Button(this) linearLayout.addView(androidlyButton) 

Instead of calling member functions on the Button class, we can use apply<> lambda expression.

The layoutParams is used to define the width and height of the button. The MATCH_PARENT sets the width/height equal to the linear layout. WRAP_CONTENT wraps the view to the size of the content.

We can set the id programmatically under res | values | ids.xml.

We’ve defined the View.OnClickListener interface in our MainActivity.kt class. Hence we need to override its onClick() function.

Inside the onClick function, we use the Kotlin when statement, which is equivalent to switch in other languages.

For the onClick function to be triggered, you must register the setOnClickListener over the button with the interface using the context( this ).

Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.

Источник