1、这是运行效果图
2、分析得可以整体用线性布局,每一行用相对布局来实现。
为了代码不重复太多,定义了两个style应用于RelativeLayout和每一个Textview,代码如下:
<style name="h_wrap_content"> <item name="android:layout_width">match_parent</item> <item name="android:layout_height">wrap_content</item> </style> <style name="tv_style"> <item name="android:layout_width">170dp</item> <item name="android:layout_height">115dp</item> <item name="android:gravity">center</item> <item name="android:paddingTop">8dp</item> <item name="android:paddingBottom">8dp</item> <item name="android:drawablePadding">5dp</item> <item name="android:background">@android:color/white</item> //背景为白色 </style>3、下一步就是模块布局和图片导入了 代码如下:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background=