kotlin for android之线性布局与textview控件
我们用的最外层标签linearLayout就是线性布局器,可以布置里面控件的位置。今天先学一个textview控件,就是昨天能显示helloworld这些字功能的东西。这个空间的属性太多了,我就只举例几个常用的,还是接着昨天我们建的项目继续,我们先找到左边项目文件目录里colors.xml文件如图:然后修改为:<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="colorPrimary">#3F51B5</color>
<color name="colorPrimaryDark">#303F9F</color>
<color name="colorAccent">#FF4081</color>
<color name="colorRed">#FF0000</color>
<color name="colorGreen">#00ff00</color>
<color name="colorBlue">#0000FF</color>
<color name="colorYellow">#FFFF00</color>
<color name="colorLightBlue">#00FFFF</color>
<color name="colorPink">#FF00FF</color>
</resources>
里面的标签代表我们提前设置好的各种颜色,然后打开昨天我们修改过的activity_main.xml文件,再修改为:
<?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">
<TextView
android:id="@+id/idtext1"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_weight="1"
android:text="Hello World!"
android:layout_gravity="center"
android:textSize="25sp"
android:textColor="@color/colorLightBlue"
android:background="@color/colorPink"/>
<TextView
android:id="@+id/idtext2"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_weight="1"
android:text="Hello World!"
android:layout_gravity="center"
android:textSize="25sp"
android:textColor="@color/colorLightBlue"
android:background="@color/colorRed"/>
<TextView
android:id="@+id/idtext3"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_weight="1"
android:text="Hello World!"
android:layout_gravity="center"
android:textSize="25sp"
android:textColor="@color/colorLightBlue"
android:background="@color/colorBlue"/>
<TextView
android:id="@+id/idtext4"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_weight="1"
android:text="Hello World!"
android:layout_gravity="center"
android:textSize="25sp"
android:textColor="@color/colorLightBlue"
android:background="@color/colorGreen"/>
</LinearLayout>
这里每个textview控件的属性分别是:id,控件的宽度,高度,权重,显示文本,对齐方式,字的大小,字的颜色,背景颜色。这里的权重是1就代表每个textview控件在整个手机屏幕上平均分配空间。如果有一个控件是2的话,那就是说让他比别的控件多占一份地。效果图:
然后我们给第一个textview设置一个点击事件,打开MainActivity.kt文件,修改为:
package com.example.xinwei.myapplication
import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.widget.Toast
import kotlinx.android.synthetic.main.activity_main.*
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
idtext1.setOnClickListener{
Toast.makeText(this,"这是第一个textview",Toast.LENGTH_SHORT).show()
}
}
}
我们只加了一句话
idtext1.setOnClickListener{
Toast.makeText(this,"这是第一个textview",Toast.LENGTH_SHORT).show()
}
idtext就是我们在xml文件里设置好的id,然后给他设置了一个鼠标点击监听事件,这个函数里面需要一个lambda表达式作为参数,直接在里面写你想做的事情就可以了。这里我给弹框也叫做吐司,就是面包片。点击后显示效果为:
页:
[1]