ConstraintLayout,看完一篇真的就够了么?

本文由 GitCode8 授权投稿

原文链接:

1. 前言

最近中毒很深,经常逛掘金,看到很多优秀的文章,感谢掘金。同时也看到很多标题,看看XXXX,一篇就够了。技术一直在不停的更新迭代,看一篇永远是不够的,建议再看一遍官网的,可以看到被作者过滤掉的信息或者最新的更新。这就是我为什么会在文末放官网链接的原因,如果有的话。

2. ConstraintLayout

ConstraintLayout作为一款可以灵活调整view位置和大小的Viewgroup被Google疯狂推荐,以前创建布局,默认根元素都是LinearLayout,现在是ConstraintLayout了。ConstraintLayout能够以支持库的形式最小支持到API 9,同时也在不断的丰富ConstraintLayout的API和功能。ConstraintLayout在复杂布局中能够有效的,降低布局的层级,提高性能,使用更加灵活。

在app组件的Graldle默认都有如下依赖:

//可能版本不一样哦
implementation 'com.android.support.constraint:constraint-layout:1.1.3

迫不及待想了解ConstraintLayout能在布局做点什么了。

2.1 相对定位

相对定位,其实这跟RelativeLayout差不多,一个View相对另外一个View的位置。

相对布局

通过简单的使用ConstraintLayout的属性也就可以实现以上布局。World对于Hello的右边,GitCode对位于Hello的下边


<android.support.constraint.ConstraintLayout 
    ...>

    <TextView
            ...
            android:text="Hello"
            android:id="@+id/tvHello"/>


    <TextView
            ...
            android:text="World"
            app:layout_constraintLeft_toRightOf="@+id/tvHello"/>


    <TextView
            ...
            android:text="GitCode"
            app:layout_constraintTop_toBottomOf="@id/tvHello"/>

android.support.constraint.ConstraintLayout>

以TextView World相对位置属性layout_constraintLeft_toRightOf来说,constraintLeft表示TextView World本身的左边,一个View有四条边,因此TextView的上、右、下边分别对应着constraintTop、constraintRight、constraintBottom。toRightOf则表示位于另外一个View的右边,例如此处位于Hello的右边,因此对应还有toLeftOf、toRghtOf、toBottomOf,分别位于View Hello的左、右、下边。

总结的说,constraintXXX表示View自身约束的边,toXXXOf表示另一个View的边,而XXX的值可以是Left、Top、Right、Bottom,分别对应左,上、右、下边。layout_constraintStart_toEndOf也是类似的道理。

另外需要注意的是,view的位置可以相对于同层的view和parent,在相对于parent的时候toLeftOf、toTopOf、toRghtOf、toBottomOf分别表示位于parent的内部左上右下边缘。如图:红色框表示parent view。

再来看看一个特殊的场景:

此时想要Hello和World文本中间对齐怎么办?ConstraintLayout提供了layout_constraintBaseline_toBaselineOf属性。

<TextView
   ...
    android:text="Hello"
    android:id="@+id/tvHello"/>


<TextView
    ...
    android:text="World"
    app:layout_constraintBaseline_toBaselineOf="@id/tvHello"
    app:layout_constraintLeft_toRightOf="@+id/tvHello"/>

此时界面就如愿了,比Relativelayout方便多了。

什么是baseline?贴张官网的图

2.2 边距

边距与平常使用并无太大区别,但需要先确定view的位置,边距才会生效。如:

<TextView
        ...
        android:layout_marginTop="10dp"
        android:layout_marginLeft="10dp"/>

在其他的ViewGroup,TextView的layout_marginTop和layout_marginLeft属性是会生效的,但在ConstraintLayout不会生效,因为此时TextView的位置还没确定。下面的代码才会生效。

<TextView
        ...
        android:layout_marginTop="10dp"
        android:layout_marginLeft="10dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent"
         />

常用属性如下:

GONE Margin

有时候,会有这种需求,在World可见的时候,GitCode与World的左边距是0,当World不见时,GitCode的左边距是某个特定的值。

World可见的效果,GitCode的左边距为0

World不可见的效果,GitCode的左边距为10

为此,ConstraintLayout提供了特殊的goneMargin属性,在目标View隐藏时,属性生效。有如下属性:Centering positioning and bias

在RelativeLayout居中,通常是使用以下三个属性:

而在ConstraintLayout居中则采用左右上下边来约束居中。

<TextView
    ...
    android:text="Hello"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"/>

效果图:

那,要是想把Hello往左挪一点,怎么办?

那很简单,使用margin呀。不不不,这里要介绍的是另外两个属性,与LinearLayout的权重类似(当然,ConstraintLayout也可以使用权重属性),但简单很多。

两个属性的取值范围在0-1。在水平偏移中,0表示最左,1表示最右;在垂直偏移,0表示最上,1表示最下;0.5表示中间。

<TextView
    ...
    android:text="Hello"
    app:layout_constraintHorizontal_bias="0.8"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"/>

效果:

2.3 圆形定位(Added in 1.1)

圆形定位指的是View的中心点相对于另外View中心点的位置。贴张官网图。

涉及三个属性:

吃个栗子:

<TextView
    ...
    android:text="Hello"
    android:id="@+id/tvHello"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"/>


<TextView
    android:text="World"
    app:layout_constraintCircle="@id/tvHello"
    app:layout_constraintCircleRadius="180dp"
    app:layout_constraintCircleAngle="135"/>

效果图:Hello中间居中,World 135角度

2.4 尺寸约束ConstraintLayout 最大最小尺寸

ConstraintLayout的宽高设为WRAP_CONTENT时,可以通过以下熟悉设置其最大最小尺寸。

ConstraintLayout中的控件尺寸约束

在ConstraintLayout中控件可以三种方式来设置其尺寸约束。

第一二种跟平常使用没什么区别。第三种会根据约束情况重新计算控件的大小。

在ConstraintLayout中,不推荐使用MATCH_PARENT,而是推荐使用MATCH_CONSTRAINT(0dp),它们的行为是类似的。

吃个栗子吧:

         android:text="Hello"
        android:id="@+id/tvHello"
        android:gravity="center"
        android:padding="20dp"
        app:layout_constraintTop_toTopOf="parent"
        android:textColor="@color/colorWhite"
        android:background="@color/colorPrimary"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:layout_width="0dp"
        android:layout_marginRight="20dp"
        android:layout_height="wrap_content"/>

设置layout_width为0dp;layout_height为wrap_content;layout_marginRight为20dp,与parent左右对齐。

效果图:

在1.1之前的版本,控件尺寸设为WRAP_CONTENT,控件默认是由组件文本大小控制,其他约束是不生效的。可以通过以下属性设置是否生效。

控件设为MATCH_CONSTRAINT时,控件的大小会扩展所有可用空间,在1.1版本后,可以通过以下属性改变控件的行为。

吃个栗子:

<TextView
        android:text="Hello"
        android:id="@+id/tvHello"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintWidth_percent="0.5"
        app:layout_constraintWidth_default="percent"
        android:layout_width="0dp"
        android:layout_height="wrap_content"/>

将android:layout_width设为MATCH_CONSTRAINT,即0dp;将app:layout_constraintWidth_default设为percent;将app:layout_constraintWidth_percent设为0.5,表示占parent的50%,取值范围是0-1。

效果图:

比例约束

控件的宽高比,要求是宽或高至少一个设为0dp,然后设置属性layout_constraintDimensionRatio即可。

<TextView
    android:text="Hello"
    app:layout_constraintDimensionRatio="3:1"
    android:layout_width="0dp"
    android:layout_height="100dp"
    />

这里设置宽高比为3:1,高度为100dp,那么宽度将为300dp。

也可以在比例前加W,H表示是宽高比还是高宽比。如下面表示高宽比。

<Button android:layout_width="0dp" android:layout_height="0dp"
    app:layout_constraintDimensionRatio="H,16:9"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintTop_toTopOf="parent"/>

2.5 链

链在水平或者垂直方向提供一组类似行为。如图所示可以理解为横向链。这里需要了解一点,A与parent的左边缘约束,B与parent的右边边缘约束,A右边和B左边之间相互约束,才能使用一条链。多个元素之间也是如此,最左最右与parent约束,元素之间边相互约束。不然下面的链式永远无法生效。

横向链最左边第一个控件,垂直链最顶边第一个控件称为链头,可以通过下面两个属性链头统一定制链的样式。

它两的值默认可以是


<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <TextView
            android:text="Hello"
            android:id="@+id/tvHello"
            android:gravity="center"
            android:padding="20dp"
            app:layout_constraintHorizontal_chainStyle="spread"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toLeftOf="@id/tvWorld"
            android:textColor="@color/colorWhite"
            android:background="@color/colorPrimaryDark"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

    <TextView
            android:text="World"
            android:gravity="center"
            android:padding="20dp"
            android:id="@+id/tvWorld"
            app:layout_constraintLeft_toRightOf="@id/tvHello"
            app:layout_constraintRight_toRightOf="parent"
            android:textColor="@color/colorWhite"
            android:background="@color/colorPrimary"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>


android.support.constraint.ConstraintLayout>

效果:

在链中,剩余空余空间默认平均给各元素,但有时可以通过权重属性layout_constraintVertical_weight来指定分配空间的大小。

1.1之后的版本,在链中使用边距时,边距是相加的,也就说,假设Hello的右边距为5,World的左边距为20,那么它们之间的边距就是25。在链式,边距先从剩余空间减去的,然后再用剩余的空间在元素之间进行定位。

2.6 优化器

在1.1之后,公开了优化器,通过在app:layout_optimizationLevel来决定控件在哪方面进行优化。

3.工具类3.1 Guideline(参考线)

参考线实际上不会在界面进行显示,只是方便在ConstraintLayout布局view时候做一个参考。

通过设置Guideline的属性orientation来表示是水平方向还是垂直方向的参考线,对应值为vertical和horizontal。可以通过三种方式来定位Guideline位置。

丢个栗子:

<android.support.constraint.ConstraintLayout
    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.support.constraint.Guideline
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/guideline"
            android:orientation="vertical"
            app:layout_constraintGuide_begin="10dp"/>


    <Button android:text="Button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/button"
            app:layout_constraintLeft_toLeftOf="@+id/guideline"
            android:layout_marginTop="16dp"
            app:layout_constraintTop_toTopOf="parent"/>


    <Button android:text="Button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/button2"
            app:layout_constraintLeft_toLeftOf="@+id/guideline"
            android:layout_marginTop="16dp"
            app:layout_constraintTop_toBottomOf="@id/button"/>

android.support.constraint.ConstraintLayout>

Guideline设置为垂直参考线,距离开始的位置为10dp。如下图所示,实际中需要把鼠标移到button才会显示出来哦。

3.2 Barrier(栅栏)

Barrier有点类似Guideline,但Barrier会根据所有引用的控件尺寸的变化重新定位。例如经典的登录界面,右边的EditText总是希望与左右所有TextView的最长边缘靠齐。

如果两个TextView其中一个变得更长,EditText的位置都会跟这变化,这比使用RelativeLayout灵活很多。

代码:

<android.support.constraint.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent">


    <android.support.constraint.Barrier
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:barrierDirection="right"
            android:id="@+id/barrier"
            app:constraint_referenced_ids="tvPhone,tvPassword"
            />


    <TextView android:layout_width="wrap_content"
              android:text="手机号码"
              android:id="@+id/tvPhone"
              android:gravity="center_vertical|left"
              android:padding="10dp"
              android:layout_height="50dp"/>


    <TextView android:layout_width="wrap_content"
              android:text="密码"
              android:padding="10dp"
              android:gravity="center_vertical|left"
              android:id="@+id/tvPassword"
              app:layout_constraintTop_toBottomOf="@id/tvPhone"
              android:layout_height="wrap_content"/>


    <EditText android:layout_width="wrap_content"
              android:hint="输入手机号码"
              android:id="@+id/etPassword"
              app:layout_constraintLeft_toLeftOf="@id/barrier"
              android:layout_height="wrap_content"/>


    <EditText android:layout_width="wrap_content"
              android:hint="输入密码"
              app:layout_constraintTop_toBottomOf="@id/etPassword"
              app:layout_constraintLeft_toLeftOf="@id/barrier"
              android:layout_height="wrap_content"/>



android.support.constraint.ConstraintLayout>

app:barrierDirection所引用控件对齐的位置,可设置的值有:bottom、end、left、right、start、top.constraint_referenced_ids为所引用的控件,例如这里的tvPhone,tvPasswrod。

3.3 Group(组)

用来控制一组view的可见性,如果view被多个Group控制,则以最后的Group定义的可见性为主。

吃个香喷喷栗子吧:

Group默认可见时,是这样的。

设置Group的visible属性为gone。

<android.support.constraint.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent">


    <android.support.constraint.Group
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/group"
            android:visibility="gone"
            app:constraint_referenced_ids="tvPhone,tvPassword"
            />


    <TextView android:layout_width="wrap_content"
              android:text="手机号码"
              android:id="@+id/tvPhone"
              android:gravity="center_vertical|left"
              android:padding="10dp"
              android:layout_height="50dp"/>


    <TextView android:layout_width="wrap_content"
              android:text="密码"
              android:padding="10dp"
              android:gravity="center_vertical|left"
              android:id="@+id/tvPassword"
              app:layout_constraintLeft_toRightOf="@id/tvPhone"
              app:layout_constraintTop_toBottomOf="@id/tvPhone"
              android:layout_height="wrap_content"/>


    <TextView android:layout_width="wrap_content"
              android:text="GitCode"
              android:padding="10dp"
              android:gravity="center_vertical|left"
              app:layout_constraintLeft_toRightOf="@id/tvPassword"
              android:layout_height="wrap_content"/>


android.support.constraint.ConstraintLayout>

效果就变成了这样了,tvPhone,tvPassword都被隐藏了。

3.4 Placeholder(占位符)

一个view占位的占位符,当指定Placeholder的content属性为另一个view的id时,该view会移动到Placeholder的位置。

代码中,将TextView的定位在屏幕中间,随着将id设置给Placeholder的属性后,TextView的位置就跑到Placeholder所在的地方,效果图跟上图一直。

<android.support.constraint.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent">


    <android.support.constraint.Placeholder
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:content="@id/tvGitCode"
              />


    <TextView android:layout_width="wrap_content"
              android:text="GitCode"
              android:id="@+id/tvGitCode"
              android:padding="10dp"
              app:layout_constraintLeft_toLeftOf="parent"
              app:layout_constraintRight_toRightOf="parent"
              android:gravity="center_vertical|left"
              android:layout_height="wrap_content"/>


android.support.constraint.ConstraintLayout>

3.5 其他

在2.0版本,为ConstraintLayout增加了ConstraintProperties、ConstraintsChangedListener等,感兴趣可以自己看看官网。

4.总结

在写本文之前,其实还不会用ConstraintLayout,写完本文之后,已经上手和喜欢上了,满足自己在实际开发中想要的效果,能够有效的减少布局的层级,从而提高性能。不知道看完本文,你会使用ConstraintLayout了没有?

欢迎访问我的github:

超好听的中国原创儿歌合集,来更新你的陪娃曲库吧

咏鹅:

@波波rxb 听过很多版本的古诗新唱儿歌,谷建芬老师的版本一直是最好听也最有意境的。想起小学时的音乐书上我最熟悉的陌生人就是谷建芬这个名字了,如今自己有孩子了才突然好像认识了这位艺术家。

@Esther-洋芋洋 给我娃听了他以后背书会不会是唱出来的

长相思:

@哎哟喂可以了 宝宝特别喜欢听~

寻找小王子

麦浪香

雀尕飞

星星的孩子

和爸爸爬山

彩虹秋天

小青蛙……

《小兔子乖乖》算是词作家魏岚的代表作,其实他还出品了一张小动物儿歌会的专辑,小狗狗、小猫咪、小青蛙、小螃蟹……歌词太萌了,简单好唱,和小兔子乖乖一样洗脑效果一流

魏岚做的歌很多,可惜红的不多……他写的词童趣又暖心,完全就是孩子的视角,我家超爱《寻找小王子》这首,听调子就让人很开心,小星星小星星/是你微笑的眼睛/小星星小星星/是你微笑的心灵~

下面两位是流行界的大儿童代表,范晓萱和大张伟。严格意义上他们的歌不算儿歌,但简单欢乐的歌词和调调给多少孩子带来了快乐啊!值得上榜!

健康歌

我爱洗澡

刷牙歌

小叮当

豆豆龙

看电视、晚安……

转型前的小魔女是个不折不扣的儿歌歌手,创造了太多儿歌金曲了,你我的童年一定有小魔女的陪伴!

她甜美的声音自带快乐活泼的属性,用大白话让孩子在魔性简单的曲调里养成好习惯,特有用!洗澡、刷牙、做运动、少看电视、大声唱歌,有多少家长该给范晓萱发感谢函啊,但可惜她本人不喜欢唱儿歌……前期儿歌,后期摇滚爵士,又酷又可爱的代表。

音频库里找不到范晓萱的原版,所以这里的歌都是翻唱版,大家请见谅❤

@半心~ 最近孩子睡前的歌来自我的第一个追星偶像范晓萱小魔女时代的歌曲,当时五六年级的我每一首歌词每一个换气都知道怎么唱,许多年过去了,依然觉得很好听呢,没想到女儿也喜欢,每天都要听洗澡的歌,我爱看书心情好好,奥奥奥奥,翻来翻去好多奥妙,奥奥奥奥,麻麻说~奥~好宝宝!~

@花名六万姐第一次听范晓萱的刷牙歌,小囧要求一边刷牙一边听,于是从原来的胡乱刷两下变成了刷足三分钟。洗澡的时候,小囧说,刷牙的时候听了刷牙歌,洗澡的时候应该听洗澡歌呀。但是冲凉很快,一首歌没听完就洗好了。

@1大杯娇糖红豆小时候最最爱的儿歌《豆豆龙》,现在用来哄闺女睡觉。

@魔都夏朵放范晓萱的儿歌给宝宝听时,无意中又听到她的《Rain》和《氧气》,我的少女时代啊!

@BlingBling罗四喜下载了范晓萱的儿歌专辑给宝宝贝贝边唱边跳,发现自己还蛮谐星的。

阳光彩虹小白马

洗刷刷

葫芦娃

我是一颗跳跳糖

哪吒闹……

有位网友这样评价大张伟:“儿歌童趣但不够精良,迪曲欢乐又少了纯真,民歌喜庆但又差了点朝气,还有谁能融汇众长?必须就是快乐使者您呀!”

大张伟的歌属于热闹,穷开心的代表,可能有人不喜欢,觉得瞎闹腾,但相比谈情说爱流行歌(比如野狼Disco)而言,这样的歌一定更适合孩子啊。更重要的是,这些歌自带开心的魔力,会让孩子情不自禁蹦起来,对有些孩子还能哄睡!人间精品大老师是多少幼儿园孩子的音乐导师啊。

@斯诺姑娘888 茶小爷听儿歌不睡觉,听大张伟睡很香…谢谢大老师@大张伟

@DR璐德铭我们只期待大张伟的两首《穷开心》《阳光小白马》,而且我们建议大张伟像范晓萱,多多在儿歌上下功夫,你的儿歌不错,你很有可能成为儿歌的领军者!我们认为你也能出北京风格的,我们看好你@大张伟

@打西果苹啊你说大张伟知道他自己取代了范晓萱的地位,成为儿歌界的新星吗?他的新歌我听过最多 的地方,是幼儿园啊!!!

@一个桔子糖看央视跨年,大张伟唱的歌全是我们幼儿园早操歌。听着听着要开始跳早操了 。

@_vvnnnnn六一给孩子们排小节目 老师们琢磨半天教什么歌 情歌不合适 慢歌不快乐 于是 我能想到最适合的歌分别有果汁分你一半 乘着爱的翅膀 热血燃 阳光彩虹小白马 哦还有范晓萱的豆豆龙谢谢您出了这么多好听的“儿歌”给小朋友们呀@大张伟 六一快乐小白马们。

@Q小宝回家成长日记33个月 从小到大,给娃听了各种类型的儿歌,和各种曲风的歌曲,结果发现这娃不爱儿歌,就爱闹腾大张伟,《葫芦娃》《阳光彩虹小白马》是最爱!看出来了,长大也是个闹腾的崽,希望你长大像大张伟那样安静且闹腾,聪明有才华!

给孩子做首好歌 入围作品

#榜单来自网易云音乐 排名不分先后

这里面没有什么大红大紫的歌,但这个榜单完全不鸡肋,很多歌我家都在单曲循环。大部分歌的曲调和唱腔都很好听(歌手不全是小孩),或温情或欢快,一些歌还有很现实的主题,比如留守儿童(花儿——二文),很有意义,也有和孩子生活息息相关的蔬菜歌、肉肉怎么了、刷牙歌……强烈建议大家去刷一遍,让孩子有机会听到这些用心的新歌。下面就向大家安利五首我家最喜欢的歌吧。

01

给麻豆豆的歌

—— 彩色斑马

麻呀麻豆豆,你妈妈很温柔

爸爸牵着你们的手,三个人一起走

麻呀麻豆豆,大呀么大步走

无论你走到海角和天涯,他们都为你守候

推荐给所有家里有女儿的朋友《给麻豆豆的歌》,最可爱的新儿歌,没有之一!讲的是一个剃了小光头的小姑娘麻豆豆的故事,很温情还特押韵,孩子不自觉地就会跟着哼哼。

@FM马赛 我女儿睡前的必听歌,加油顶到999+。

02

奇妙动物世界

—— 炀小炀

公鸡公鸡喔喔叫

吵醒可爱大熊猫

小猪小猪睡觉觉

蚂蚁蚂蚁最勤劳

这首歌特别适合教孩子认识动物,里面还有公鸡打鸣的原声喔喔喔~~短短一分半的歌儿包含了16种动物,而且动物出现的顺序居然还挺有逻辑的……一首简单又有趣的儿歌,可以边唱边跳。

写歌的人本来想用一首歌让泰国小朋友记住动物的中文名,没想到效果特好,孩子们都很喜欢,这首儿歌就从幼儿园教到了四年级,孩子们还纠正了他歌词里“猴子爱吃桃”的错误,猴子爱香蕉才对啊!看来成效显著,爸爸妈妈可以用这首歌实践实践。

@你的世界微风也甜 好听丫,最近每天给儿子 。

@滚滚红尘应你一笑灿烂带我外甥女听这个~

03

垃圾分类谁不会

—— 松涛叔叔

松涛叔叔的《垃圾分类谁不会》听之前请做好心理准备,会魔性洗脑,太赶得上潮流了!顺口又欢快。我儿子现在每天都边唱“垃圾分类 谁不会/分类垃圾 并不累/红黄蓝绿 配配对/习惯便成自然美”边蹦跶着去垃圾分类。

@lop52012 非常好的歌,垃圾分类一唱就知道怎么分类了☺☺☺再也不会分错了。

@郑弦波 被这首神曲洗脑了,无线循环中

04

奇妙大自然

—— 子惠

很喜欢这首歌的小清新感,扑面而来的大自然气息,让人翩翩起舞我家叫这首歌“舒缓版的《春天在哪里》”,知识点也密集很多。在孩子熟悉了曲调后,就可以开始自然知识科普啦,歌词特别美。

青蛙和大熊睡着了过冬

星星好奇的眼睛亮闪闪

咸咸的划水反映广的蓝

奇妙大自然~

@闲云野鹤190912 好像走进了大自然,看见动物们和人类和谐相处。

05

守童谣

—— 王琛

天上的云朵飘啊飘

外婆的蒲扇摇啊摇

天上的星星睡觉觉

外公故事讲完了

特别好听的一首童谣,小歌手的声音清澈干净,让我想起了《听妈妈讲那过去的事情》。这是一首写给留守儿童的歌,温情动人中带着一丝伤感,歌里没有爸爸妈妈,只有外公外婆,“梦醒人还没回”。

@童宇新歌听了吗 父母离异后,爸爸在外务工,只有过年能回到家,跟我们度过一周的时间。等待的时候,有时泪就控制不住的落下来,可是也没有办法。有时候受委屈了,也无法言说。爸爸在外地鞭长莫及,爷爷奶奶又无能为力只是白担心,慢慢的,自己消化,也就形成不对人讲苦恼的习惯。我不知道的,守童失去了什么?

风靡幼儿园之非经典儿歌

爱上幼儿园

咖喱咖喱

打电话

晨光

你笑起来真好看

新健康歌

柳树姑娘

小跳蛙

兔子跳跳跳……

每个幼儿园都有无数首幼儿园神曲,我儿子最爱《爱上幼儿园》和《小跳蛙》,成天在家单曲循环还怪好听的?幼儿园曲库让爸妈新学了多少首新儿歌啊哈哈。

@Bain骆叮咚说个半天春夏秋冬 哼个半天 解释个半天,虽然始终不知道他在唱什么 哼什么,但是幸亏根据他的解释说何老师说一定要听这个歌不然怎么爱上幼儿园…………用幼儿园终于找到了这个歌了。

@土耳其小公举我两个月的儿子 哭起来听到这个歌(小跳蛙)就不哭了 音乐一停继续哭

@生如夏花_Grace儿歌才是真正的洗脑神曲,特别低幼儿歌。今天早上的叫醒儿歌是,打电话☎️ 然后,一整天,脑子里都是:喂喂喂,你在哪里呀/哎哎哎,我在幼儿园/喂喂喂,你在干什么/哎哎哎,我在学唱歌

@招财小花生我在客厅,过了一会不见他出来,到房间看看他正沉浸在音乐的海洋里。音乐是自己打开的,咖喱咖喱一直喜欢听。

@是_聪聪聪呀 你笑起来真好看,像夏天的阳光,带娃必备儿歌哈哈哈哈。

△《你笑起来真好看》一家三口主唱

@多肉小Yoyo这个(新健康歌)是我们幼儿园午睡起床的歌儿,哈哈,一响就有一帮小魔头要觉醒要复苏啦。

@圈里圈外8儿子在幼儿园表演的第一个节目(兔子跳跳跳)。

影视类儿歌

爸爸去哪儿

小小的美好

胡巴胡吧

一年级

点豆豆

石头剪刀布……

影视类儿童也是传唱度特别广的一类儿歌,孩子喜欢的动画、亲子节目、电影里出现的歌曲都可以成为孩子的最爱,冰雪奇缘的let it go就是代表。这类歌很适合亲子对唱,比如爸爸去哪儿~

@老婆要瘦成闪电劈了我 儿子第一次表演C位出道歌曲(胡巴胡吧)

@男孩子在外要懂得保护自己 为人父母后再听感觉就是不一样了(爸爸去哪儿),宝贝,老爸在有生之年定会护你周全。

@嘘别说话幼师班跳舞的bgm 可算被我找到啦(一年级)。

@吇吱吱我家宝宝上幼儿园两个月就学会这歌。现在一家人都跟着他唱(点豆豆)。

@Damon 跟着宝贝一起学儿歌~发现猴猴听(石头剪刀布)。

看完这篇文章,有没有发现几首想听的新歌呢?快打开音乐app刷一遍吧。也欢迎在评论区留下你的珍藏曲目❤

@所有爸爸妈妈,你根本不懂哄娃神曲

给宝宝唱歌:儿歌精选

珍爱纯真童年,远离奇葩儿歌

年末小舒为大家准备了1000份礼物,第一波赠送礼拜一已经发布在服务号上了,这周五(明天)截止,大家别忘了去试试运气哦!

本站内容来自用户投稿,如果侵犯了您的权利,请与我们联系删除。联系邮箱:835971066@qq.com

本文链接:http://news.xiuzhanwang.com/post/716.html

友情链接: