kotlin for android之线性布局与textview控件

alltolove

        我们用的最外层标签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表达式作为参数，直接在里面写你想做的事情就可以了。这里我给弹框也叫做吐司，就是面包片。点击后显示效果为：