鱼C论坛

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

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

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

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

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

x
        我们用的最外层标签linearLayout就是线性布局器,可以布置里面控件的位置。今天先学一个textview控件,就是昨天能显示helloworld这些字功能的东西。这个空间的属性太多了,我就只举例几个常用的,还是接着昨天我们建的项目继续,我们先找到左边项目文件目录里colors.xml文件如图:
asdasdsaasd.png
然后修改为:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3.     <color name="colorPrimary">#3F51B5</color>
  4.     <color name="colorPrimaryDark">#303F9F</color>
  5.     <color name="colorAccent">#FF4081</color>
  6.     <color name="colorRed">#FF0000</color>
  7.     <color name="colorGreen">#00ff00</color>
  8.     <color name="colorBlue">#0000FF</color>
  9.     <color name="colorYellow">#FFFF00</color>
  10.     <color name="colorLightBlue">#00FFFF</color>
  11.     <color name="colorPink">#FF00FF</color>
  12. </resources>
复制代码

        里面的标签代表我们提前设置好的各种颜色,然后打开昨天我们修改过的activity_main.xml文件,再修改为:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:orientation="vertical">

  8.     <TextView
  9.         android:id="@+id/idtext1"
  10.         android:layout_width="wrap_content"
  11.         android:layout_height="0dp"
  12.         android:layout_weight="1"
  13.         android:text="Hello World!"
  14.         android:layout_gravity="center"
  15.         android:textSize="25sp"
  16.         android:textColor="@color/colorLightBlue"
  17.         android:background="@color/colorPink"/>
  18.     <TextView
  19.         android:id="@+id/idtext2"
  20.         android:layout_width="wrap_content"
  21.         android:layout_height="0dp"
  22.         android:layout_weight="1"
  23.         android:text="Hello World!"
  24.         android:layout_gravity="center"
  25.         android:textSize="25sp"
  26.         android:textColor="@color/colorLightBlue"
  27.         android:background="@color/colorRed"/>
  28.     <TextView
  29.         android:id="@+id/idtext3"
  30.         android:layout_width="wrap_content"
  31.         android:layout_height="0dp"
  32.         android:layout_weight="1"
  33.         android:text="Hello World!"
  34.         android:layout_gravity="center"
  35.         android:textSize="25sp"
  36.         android:textColor="@color/colorLightBlue"
  37.         android:background="@color/colorBlue"/>
  38.     <TextView
  39.         android:id="@+id/idtext4"
  40.         android:layout_width="wrap_content"
  41.         android:layout_height="0dp"
  42.         android:layout_weight="1"
  43.         android:text="Hello World!"
  44.         android:layout_gravity="center"
  45.         android:textSize="25sp"
  46.         android:textColor="@color/colorLightBlue"
  47.         android:background="@color/colorGreen"/>

  48. </LinearLayout>
复制代码

        这里每个textview控件的属性分别是:id,控件的宽度,高度,权重,显示文本,对齐方式,字的大小,字的颜色,背景颜色。这里的权重是1就代表每个textview控件在整个手机屏幕上平均分配空间。如果有一个控件是2的话,那就是说让他比别的控件多占一份地。效果图:
asdasdsaasd.png
        然后我们给第一个textview设置一个点击事件,打开MainActivity.kt文件,修改为:

  1. package com.example.xinwei.myapplication

  2. import android.support.v7.app.AppCompatActivity
  3. import android.os.Bundle
  4. import android.widget.Toast
  5. import kotlinx.android.synthetic.main.activity_main.*

  6. class MainActivity : AppCompatActivity() {

  7.     override fun onCreate(savedInstanceState: Bundle?) {
  8.         super.onCreate(savedInstanceState)
  9.         setContentView(R.layout.activity_main)
  10.         idtext1.setOnClickListener{
  11.             Toast.makeText(this,"这是第一个textview",Toast.LENGTH_SHORT).show()
  12.         }
  13.     }
  14. }
复制代码

        我们只加了一句话
idtext1.setOnClickListener{
            Toast.makeText(this,"这是第一个textview",Toast.LENGTH_SHORT).show()
        }
idtext就是我们在xml文件里设置好的id,然后给他设置了一个鼠标点击监听事件,这个函数里面需要一个lambda表达式作为参数,直接在里面写你想做的事情就可以了。这里我给弹框也叫做吐司,就是面包片。点击后显示效果为:
asdasdsaasd.png

本帖被以下淘专辑推荐:

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-3-29 07:48

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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