Android菜鸟饭团#Udacity Android#第十五课 活动笔记

wangliyang

Android菜鸟饭团#Udacity Android#第十五课 活动笔记

实现mian UI布局

androidrientation="horizontal"         ？？

    android:padding="16dp"       ？？

android 布局中 layout_gravity、gravity、orientation、layout_weight   ：

线性布局中，有 4 个及其重要的参数，直接决定元素的布局和位置，这四个参数是

android:layout_gravity ( 是本元素相对于父元素的重力方向 )

android:gravity （是本元素所有子元素的重力方向）

androidrientation （线性布局以列或行来显示内部子元素）

android:layout_weight （线性布局内子元素对未占用空间【水平或垂直】分配权重值，其值越小，权重越大。

                                前提是子元素 设置了 android:layout_width = "fill_parent" 属性（水平方向）

                                   或 android:layout_height = "fill_parent" 属性（垂直方向）

如果某个子元素的 android:layout_width = "wrap_content"

           或 android:layout_height =" wrap_content” ，

则 android:layout_weight 的设置值 对该方向上空间的分配刚好相反。

下面以一个简单例子来说明这 4个参数

<? xml version = "1.0" encoding = "utf-8" ?>

< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"

                           android:layout_height = "200dp"

                           android:layout_width = "200dp"

                           android:background = "#AABBCC"

                           androidrientation= "horizontal"

                           android:layout_gravity= "center" >

                           < TextView android:text = "ONE"

                                               android:background = "#aa0000"

                                               android:layout_height = "wrap_content"

                                               android:layout_width = "wrap_content"

                                               android:layout_margin = "1dp" />

                            < TextView android:text = "TWO"

                                               android:background = "#aa0000"

                                               android:layout_height = "wrap_content"

                                               android:layout_width = "wrap_content"

                                               android:layout_margin = "1dp" />

</ LinearLayout >

说明：在上面的例子中，根布局是LinearLayout, 其包含有2 个TextView 视图，为了对参数 android:layout_gravity有直观的了解，对根布局 LinearLayout 特意加了 3 个参数

android:layout_height = "200dp"

android:layout_width   = "200dp"

android:background     = "#AABBCC"

为布局指定了固定的宽度和高度，以及背景颜色，上面的例子运行后效果如下图：

说明：对LinearLayout 中的参数android:layout_gravity 来说，其意义是指定本布局相对于父布局的重力方向，由于该布局的已经是根布局，其父布局是整个屏幕，那么该参数设置的是相对于屏幕的位置，可以换不同的参数top|bottom|left|right 等等参数来试验。

现在增加参数 android:gravity = "bottom|right" 完整 XML 如下，看看效果

<? xml version = "1.0" encoding = "utf-8" ?>

< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"

                      android:layout_height = "200dp"

                      android:layout_width = "200dp"

                      android:background = "#AABBCC"

                      androidrientation="horizontal"

                      android:layout_gravity= "center"

                      android:gravity = "bottom|right " >

                      < TextView android:text = "ONE"

                                     android:background = "#aa0000"

                                     android:layout_height = "wrap_content"

                                     android:layout_width = "wrap_content"

                                     android:layout_margin = "1dp" />

                      < TextView android:text = "TWO"

                                     android:background = "#aa0000"

                                     android:layout_height = "wrap_content"

                                     android:layout_width = "wrap_content"

                                     android:layout_margin = "1dp" />

</ LinearLayout >

通过改变android:gravity 参数的值可以看到实际效果。

参数 androidrientation= " horizontal " 决定了每个子元素各占一列，如果

参数 androidrientation= " vertical " ， 则每个子元素各占一行，也就是从上到下排列了。

对于 LinearLayout 布局的子元素，给每个子元素加上参数 android:layout_weight

看看效果

<? xml version = "1.0" encoding = "utf-8" ?>

< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"

                      android:layout_height = "200dp"

                      android:layout_width = "200dp"

                      android:background = "#AABBCC"

                      android:layout_gravity = "center"

                      android:gravity = "bottom|right"

                      androidrientation = "horizontal" >

                      < TextView android:text = "ONE"

                                     android:background = "#aa0000"

                                     android:layout_height = "wrap_content"

                                     android:layout_width = "wrap_content"

                                     android:layout_margin = "1dp"

                                     android:layout_weight = "1" />

                      < TextView android:text = "TWO"

                                     android:background = "#aa0000"

                                     android:layout_height = "wrap_content"

                                     android:layout_width = "wrap_content"

                                     android:layout_margin = "1dp"

                                     android:layout_weight = "2" />

</ LinearLayout >

Text 为ONE 的权重为1 ，但明显占的宽度比TWO 的小，百思不得其解，后来得知，如果把TextView 的参数android:layout_width = "wrap_content" 全部修改为 android:layout_width ="fill_parent", 则 ok ，代码如下

<? xml version = "1.0" encoding = "utf-8" ?>

< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"

                      android:layout_height = "200dp"

                      android:layout_width = "200dp"

                      android:background = "#AABBCC"

                      android:layout_gravity = "center"

                      android:gravity = "bottom|right"

                      androidrientation = "horizontal" >

                      < TextView android:text = "ONE"

                                     android:background = "#aa0000"

                                     android:layout_height = "wrap_content"

                                     android:layout_width = " fill_parent "

                                     android:layout_margin = "1dp"

                                     android:layout_weight = "1" />

                      < TextView android:text = "TWO"

                                     android:background = "#aa0000"

                                     android:layout_height = "wrap_content"

                                     android:layout_width = " fill_parent "

                                     android:layout_margin = "1dp"

                                     android:layout_weight = "2" />

</ LinearLayout >

<TextView

        android:id="@+id/list_item_date_textview"

        android:layout_width="wrap_content"

        android:layout_height="match_parent"

        android:text="tomorrow"   //tomorrow是text中显示在UI上的字

        />

转向ForecastAdapter.java  解决

它会崩溃因为你之前的代码默认认为每个列表项只有一个TextView,

所以接下来你需要转向ForecastAdapter.java文件,将bindview()里的代码注释掉。

10.

其中实现 预报天气栏，为 天气图 + 天气 + 温度

1）垂直linearLayout

2)        

LinearLayout  （线性布局）

线性布局中，有 4 个及其重要的参数，直接决定元素的布局和位置，这四个参数是

android:layout_gravity ( 是本元素相对于父元素的重力方向 )

android:gravity （是本元素所有子元素的重力方向）

androidrientation （线性布局以列或行来显示内部子元素）

android:layout_weight （线性布局内子元素对未占用空间【水平或垂直】分配权重值，其值越小，权重越大。

创建今日列表项

由于今日列表项和其他的列表不一样，所以要单独创建，同样也使用和你在list_item_forecas_xml文件中定义的一样的IDs。

【书记员：汪立阳】

每一个技术小白都有一个成为大神的梦想，现在Android菜鸟饭团就给你这个成就梦想的机会。我们提供最新的Android技术教学，只要你又耐心和毅力就一定会在这里有所收获。

Android菜鸟饭团由南阳GDG组织发起，秉承着开放、分享、创新的原则，希望通过GDG社区的力量能够给更多的想要学习Android开发技术的小白们创造一个学习，交流，分享的环境。同往常的GDG活动一样，我们依然是任性的一个子都不要，并且还在周六的分享中提供盒饭和不定期的惊喜小礼物呦~所以快来加入我们吧，为你的大神梦想迈出第一步。

把你的个人信息和申请理由快快发送到android@chuang1.net，前来加入我们吧