Kotlin笔记(31) — 代码设置LinearLayout布局

立即下载用AI写一个

发布时间：2020-08-13

0人 | 浏览：2391次 | 收藏 |

技术：android

运行环境：androidstudio

概述

kotlin 实现代码动态布局 LinearLayout

详细

### 前言
在上篇文章，我们讲过了`RadioButton`的基本使用，这节让我们来学习下线性布局`LinearLayout`的相关知识。

今天涉及知识点：
1. kotlin设置布局属性的一些变化
2. anko库像素相关方法表
3. Activity中设置布局的代码
4. 效果图和项目结构图

先来波效果图：
![效果图.gif](/contentImages/image/20200813/wN6rfzAHVPxk2y2BU7R.gif)

***
更多精彩内容，请关注微信公众号 "**Android进击**",大家一起来学习进步吧
***

#### 一. kotlin设置布局属性的一些变化
kotlin中已经很少有`set/get`方法了。例如设置`LinearLayout`的方向可以直接这样：
```
        //设置线性布局的方向(注:ll_inner为布局中LinearLayout的id)
       ll_inner.orientation= LinearLayout.HORIZONTAL
```
然后设置`LinearLayout`中子控件内部居中的话，可以这样：
```
        //设置布局内部控件居中(注:ll_inner为布局中LinearLayout的id)
       ll_inner.gravity= Gravity.CENTER
```
kotlin 使用关键字 `as` 来表示类型强转，然后用`this@MainActivity`来表示`MainActivity.this`
#### 二.anko库像素相关方法表
由于`anko`库的加持(当然，你需要在你项目中引入`anko`库)，在`kotlin`中`dp`，`sp`，`px`间的相互转换也变得简单起来，例如`dip(50)`表示将`50dp`转为`50px`.具体对照表如下：

| `Anko`库单位转换方法 | 说明 |
| :---- | :---- |
| dip | 将`dp`转成以`px`为单位的数值 |
| sp| 将`sp`转成以`px`为单位的数值 |
| px2dip| 将`px`转成以`dip`为单位的数值 |
| px2sp| 将`px`转成以`sp`为单位的数值 |
| dimen| 将`dip`转成以`sp`为单位的数值 |
#### 三. Activity中设置布局的代码
下面让我们来看看`LinearLayout`动态布局在`Activity`中使用的示例。
`MainActivity`代码如下,其中` LayoutHelper`类封装了对于布局控件的设置：
```
open class MainActivity : AppCompatActivity(),View.OnClickListener{

override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_test)

init()
        initData()
        setListener()
    }

private fun init(){
        //开启调试
        LogUtil.setDebug(true)
    }

private fun initData(){
        //初始化设置布局方向和子空间居中
        LayoutHelper.initLayout(ll_inner)
    }

private fun setListener(){
        btn_1.setOnClickListener(this)
        btn_2.setOnClickListener(this)
        btn_3.setOnClickListener(this)
        btn_4.setOnClickListener(this)
    }

override fun onClick(v: View) {
        when (v.id) {
            R.id.btn_1 -> LayoutHelper.setBtn1Layout(ll_inner,this@MainActivity)
            R.id.btn_2 -> LayoutHelper.setBtn2Layout(ll_inner,this@MainActivity)
            R.id.btn_3 -> LayoutHelper.setBtn3Layout(ll_inner,this@MainActivity)
            R.id.btn_4 -> LayoutHelper.setBtn4Layout(ll_inner,this@MainActivity)
        }
    }

}
```
对应的布局文件`activity_test.xml`代码如下：
```
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

</LinearLayout>

</LinearLayout>
```
#### 四. 效果图和项目结构图
![效果图.gif](/contentImages/image/20200813/wN6rfzAHVPxk2y2BU7R.gif)

![项目结构图.png](/contentImages/image/20200813/OjsqbThrHH8w1Sqw87J.png)

ok，今天的内容就介绍到这里了，谢谢大家。
***
更多精彩内容，请关注微信公众号 "**Android进击**",大家一起来学习进步吧

本实例支付的费用只是购买源码的费用，如有疑问欢迎在文末留言交流，如需作者在线代码指导、定制等，在作者开启付费服务后，可以点击“购买服务”进行实时联系，请知悉，谢谢

感谢

手机上随时阅读、收藏该文章？请扫下方二维码

Kotlin笔记(31) — 代码设置LinearLayout布局

概述

详细

相似例子推荐

评论

作者

评分详细

作者例子