相对布局和线形布局

一.一些重要的知识点

1.CtrlA+CtrlI可以格式化代码,使得编写的程序工整。

2.文字:sp  图片:dp

二.相对布局和线形布局

分别用相对布局和线形布局实现下面的效果:

相对布局和线形布局_第1张图片












线形布局做出这个效果的核心思想是:整体的效果按照垂直排列,然后有三个水平的线形布局,在这三个水平的线形布局里,包含了三个垂直的线形布局,因为图片和文字是属于垂直的关系,做出一个垂直布局,然后复制三个,整体是一个水平的线形布局,做出一个水平的线形布局(里面包含垂直布局),其余两组复制就可以了。

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

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"( orientation方向,排列方向,最外面的保持垂直排列)

tools:context=".MainActivity">

 

-<LinearLayout

android:layout_marginTop="50dp"

android:layout_width="match_parent"(宽度是铺满整个屏幕)

android:layout_height="wrap_content"(高度是保持自己本身的高度)

android:gravity="center_horizontal"(这个排列是水平居中)

android:orientation="horizontal">(这个排列是居中)

 

-<LinearLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical">

  <ImageView

 android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/home_button_local" />

  <TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal"

android:text="附近" />

LinearLayout>

-<LinearLayout

android:layout_marginLeft="20dp"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical">

  <ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/home_button_search" />

  <TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal"

android:text="搜索" />

  LinearLayout>

-<LinearLayout

android:layout_marginLeft="20dp" 

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical">

  <ImageView 

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/home_button_checkin" />

  <TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal" android:text="签到" />

  LinearLayout>

  LinearLayout>

-<LinearLayout

android:layout_marginTop="50dp" 

android:layout_width="match_parent" 

android:layout_height="wrap_content"

android:gravity="center_horizontal"

android:orientation="horizontal">

-<LinearLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical">

  <ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content" 

android:src="@drawable/home_button_promo" />

  <TextView 

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal" 

android:text="优惠券" />

  LinearLayout>

-<LinearLayout

android:layout_marginLeft="20dp" 

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical">

  <ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content" 

android:src="@drawable/home_button_tuan" />

  <TextView 

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal" 

android:text="今日团购" />

  LinearLayout>

-<LinearLayout

android:layout_marginLeft="20dp"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical">

  <ImageView 

android:layout_width="wrap_content"

android:layout_height="wrap_content" 

android:src="@drawable/home_button_rank" />

  <TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal" 

android:text="排行榜" />

  LinearLayout>

  LinearLayout>

-<LinearLayout

android:layout_marginTop="50dp" 

android:layout_width="match_parent"

android:layout_height="wrap_content" 

android:gravity="center_horizontal"android:orientation="horizontal">

-<LinearLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical">

  <ImageView 

android:layout_width="wrap_content"

android:layout_height="wrap_content" 

android:src="@drawable/home_button_history" />

  <TextView 

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal" 

android:text="最近浏览" />

  LinearLayout>

-<LinearLayout

android:layout_marginLeft="20dp" 

android:layout_width="wrap_content"

android:layout_height="wrap_content" 

android:orientation="vertical">

  <ImageView 

android:layout_width="wrap_content"

android:layout_height="wrap_content" 

android:src="@drawable/home_button_myzone" />

  <TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content" 

android:layout_gravity="center_horizontal" 

android:text="个人中心" />

  LinearLayout>

-<LinearLayout

android:layout_marginLeft="20dp"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical">

  <ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content" 

android:src="@drawable/home_button_more" />

  <TextView 

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal" 

android:text="更多" />

  LinearLayout>

  LinearLayout>

  LinearLayout>

 

你可能感兴趣的:(逆袭笔记)