鱼C论坛

 找回密码
 立即注册
查看: 3270|回复: 0

[技术交流] kotlin for android之imageview和radiobutton控件

[复制链接]
发表于 2017-11-25 06:28:30 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
这次我们点菜单栏里close project关掉昨天的项目,再新建个项目。先复制drawable目录里一张图片(一定要在IDE里点鼠标右键菜单栏粘贴才行),然后修改activity_main.xml文件:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     android:orientation="vertical"
  7.     tools:context="com.example.xinwei.imageview.MainActivity">

  8.     <ImageView
  9.         android:id="@+id/idimage1"
  10.         android:layout_width="250dp"
  11.         android:layout_height="200dp"
  12.         android:layout_gravity="center_horizontal"
  13.         android:src="@drawable/a0" />

  14.     <TextView
  15.         android:layout_width="wrap_content"
  16.         android:layout_height="wrap_content"
  17.         android:layout_gravity="center_horizontal"
  18.         android:text="beautiful girl" />

  19.     <RadioGroup
  20.         android:layout_width="wrap_content"
  21.         android:layout_height="wrap_content"
  22.         android:layout_gravity="center_horizontal"
  23.         android:orientation="horizontal">

  24.         <RadioButton
  25.             android:id="@+id/idlight"
  26.             android:layout_width="wrap_content"
  27.             android:layout_height="wrap_content"
  28.             android:text="light" />

  29.         <RadioButton
  30.             android:id="@+id/iddark"
  31.             android:layout_width="wrap_content"
  32.             android:layout_height="wrap_content"
  33.             android:text="dark" />
  34.         <RadioButton
  35.             android:id="@+id/idrb1"
  36.             android:layout_width="wrap_content"
  37.             android:layout_height="wrap_content"
  38.             android:text="light" />

  39.         <RadioButton
  40.             android:id="@+id/idrb2"
  41.             android:layout_width="wrap_content"
  42.             android:layout_height="wrap_content"
  43.             android:text="dark" />

  44.     </RadioGroup>

  45. </LinearLayout>
复制代码

修改MainActivity.kt文件:
  1. package com.example.xinwei.imageview

  2. import android.graphics.Color
  3. import android.graphics.PorterDuff
  4. import android.support.v7.app.AppCompatActivity
  5. import android.os.Bundle
  6. import android.view.View
  7. import kotlinx.android.synthetic.main.activity_main.*

  8. class MainActivity : AppCompatActivity(),View.OnClickListener{
  9.     override fun onClick(p0: View?) {
  10.         when(p0?.id){
  11.             idlight.id->idimage1.setColorFilter(Color.CYAN,PorterDuff.Mode.OVERLAY)
  12.             iddark.id->idimage1.setColorFilter(Color.CYAN,PorterDuff.Mode.DARKEN)
  13.             idrb1.id->idimage1.setColorFilter(Color.CYAN,PorterDuff.Mode.DST_OVER)
  14.             idrb2.id->idimage1.setColorFilter(Color.CYAN,PorterDuff.Mode.SCREEN)
  15.         }
  16.     }

  17.     override fun onCreate(savedInstanceState: Bundle?) {
  18.         super.onCreate(savedInstanceState)
  19.         setContentView(R.layout.activity_main)
  20.         idlight.setOnClickListener(this)
  21.         iddark.setOnClickListener(this)
  22.         idrb1.setOnClickListener(this)
  23.         idrb2.setOnClickListener(this)
  24.     }
  25. }
复制代码

这次用的是另一种设置监听事件,在MainActivity类实现了OnClickListener接口的方式,然后重写onClick方法。是非常好用的一种方法,我们这里通过点击每个按钮来控制图片的颜色,效果图为:
jdfw.gif

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-3-29 18:55

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表