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

alltolove · 发表于 2017-11-23 11:25:12

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

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

x

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

账号		自动登录	找回密码
密码			立即注册

[技术交流] kotlin for android之线性布局与textview控件

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

本帖被以下淘专辑推荐:

浏览过的版块