https://www.bilibili.com/video/BV1QE411i7oQ?p=2&spm_id_from=pageDriver

 

比较难的是pagerAdapter和Fragment的使用，而且百度的天气地址已经不顶用了，作者用的是juhe的天气地址

 

如果要对某些展示采用统一风格，可参考

 

<TextView
                android:id="@+id/frag_tv_temprange"
                style="@style/todaytext"
                android:text="9~-1℃"
                android:layout_toRightOf="@id/frag_tv_line1"
                android:layout_alignBottom="@id/frag_tv_wind"/>

 <TextView
                    android:id="@+id/frag_index_tv_air"
                    style="@style/indextext"
                    android:text="空调指数"
                    android:drawablePadding="10dp"
                    android:drawableBottom="@mipmap/icon_air"/>
 

其中 style todaytext和indextext定义如下

<style name="todaytext" >
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:textSize">18sp</item>
        <item name="android:textStyle">bold</item>
    </style>

    <style name="indextext">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:layout_weight">1</item>
        <item name="android:textSize">16sp</item>
        <item name="android:textStyle">bold</item>
        <item name="android:drawablePadding">5dp</item>
        <item name="android:gravity">center</item>
    </style>

其中drawableBottom 表示当前mipmap的图像在"空调指数"这个文字的底部，类似的有drawableLeft

而android:drawablePadding="10dp"表示图像和文字之间间隔要10dp，因为是上下排列的，所以上下两者间隔10dp

 

android:layout_toRightOf="@id/frag_tv_wind"

这里的toRightOf也类似于drawableRight,不过是文字的布局，而不是图片的布局