【Android开发-5】界面装修,五大布局你选谁

前言:如果要开一家店,门店装修是很重要的事情。有钱都请专门的建筑设计公司来设计装修,没钱的只能自己瞎折腾,好不好看全凭自己的感觉。像Android开发,在移动端大家看到的界面视觉不咋滴,一般连打开的动力都没了。所以Android开发就有了专门的UI设计人员,既然有了UI设计图,那怎么布局就需要靠自己去选择了,五大布局中可以随意选,只要能达到你的UI设计图的效果。设计图给你了,你选哪位装修工给你装修,就看效率了;不用说,我们都选择效率高的来装修。

Android的五大布局:

1.线性布局(LinearLayout)

2.相对布局(RelativeLayout)

3.帧布局(FrameLayout)

4.表格布局(TableLayout)

5.绝对布局(AbsoluteLayout)

一、线性布局

首先直接看效果图:

接着看界面布局文件中的代码:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#aa0000"
        android:text="线性布局实战--垂直效果"
        android:layout_gravity="center"
         />
      <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#00ff00"
        android:text="线性布局实战--垂直效果"
        android:gravity="center"
         />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal">
       <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:background="#FFC0CB"
        android:text="线性布局实战--垂直效果"
        android:layout_gravity="center"
        android:layout_weight="1"
         />
         <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:background="#b0e0e6"
        android:text="线性布局实战--垂直效果"
        android:layout_gravity="center"
        android:layout_weight="1"
         />
    </LinearLayout>

</LinearLayout>

感性分析理解下:

LinearLayout中的android:orientation是线性布局中很重要的一个属性,通过设置两个属性值:vertical和horizontal,它可以让包含在LinearLayout中的子控件按照垂直或者水平方向来布局。

上面还有用到布局中常用的属性,我们也先感性的认识下:

android:layout_width设置布局宽度

android:layout_height设置布局高度(这两个属性,它的值可以设置有match_parent、wrap_content、fill_parent,分别代表匹配父控件高度或宽度,包裹内容的高度或宽度、充满父控件,效果图中可以看到相应效果)

android:layout_gravity 设置控件的位置,它的属性值有center/right/left等

android:gravity 设置控件中内容位置,它的属性值有center/right/left等

android:background
设置背景色

android:layout_weight
设置控件在LinearLayout中的所占的相对大小比例,这个要大家实践多个控件各种比例,才能更好理解

android:text
设置控件的文本值

注:对于线性布局,当然还可以嵌套各种布局,上面就线性布局嵌套了线性布局;其实各种布局可以互相嵌套,只要没出错就行,实践出真理。

二、相对布局(很晚了,明晚继续)

【Android开发-5】界面装修,五大布局你选谁,布布扣,bubuko.com

时间: 2024-10-08 03:14:17

【Android开发-5】界面装修,五大布局你选谁的相关文章

Android开发之详解五大布局

为了适应各式各样的界面风格,Android系统提供了5种布局,这5种布局分别是: LinearLayout(线性布局) TableLayout(表格布局) RelativeLayout(相对布局) AbsoluteLayout(绝对布局) FrameLayout(框架布局) 利用这五种布局,可以在屏幕上将控件随心所欲的摆放,而且控件的大小和位置会随着屏幕大小的变化作出相应的调整.下面是这五个布局在View的继承体系中的关系:<ignore_js_op> 一,LinearLayout(线性布局)

Android开发中的性能优化---布局

1.基础 Android中所有的View都是"画"在手机屏幕上的,系统是每隔16ms更新一次Activity中的内容,所以为了让用户看不到卡顿,就要想尽一切方法来让界面在16ms内更改完成,遵循的原则其实只有一个-----尽量的少画东西,这样效率当然就会提高,至于什么减少布局层次,避免重复绘制,总结下来还是尽量少画东西.    为什么是16ms?因为现在市面上的手机一般都是60hz的,所以 16ms/ 帧 ≈ 1s / 60hz 2.方法 使用手机中的开发人员工具--->调试GP

Android 多个界面复用一个布局文件

1.layout_common.xml 复用的布局文件 <?xml version="1.0" encoding="utf-8"?> <!-- 复用的布局文件 --> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android

Android开发之玩转FlexboxLayout布局

在这之前,我曾认真的研究过鸿洋大神的Android 自定义ViewGroup 实战篇 -> 实现FlowLayout,按照大神的思路写出了一个流式布局,所有的东西都是难者不会会者不难,当自己能自定义流式布局的时候就会觉得这东西原来很简单了.如果各位小伙伴也看过那篇文章的话,应该知道自定义流式布局还是非常麻烦的,不过Google今年开源了新的容器,就是这个FlexboxLayout,如果你玩过前端开发或者玩过RN,就会觉得这个FlexboxLayout真是简单,OK,那我们今天就来看看这个Flex

Android开发:界面设计之四大layouts介绍

1.帧布局 FrameLayout: FrameLayout是最简单的布局对象.在它里面的的所有显示对象都将固定在屏幕的左上角,不能指定位置,后一个会直接覆盖在前一个之上显示 2.线性布局 LinearLayout: LinearLayout是最常用的布局之一,也是RadioGroup, TabWidget, TableLayout, TableRow, ZoomControls类的父类,它里面所有显示的对象都以垂直或水平 的方式排列(通过设置LinearLayout的Orentation属性来

Android新闻类界面分享(多种布局的listview)

最近项目里需要一个新闻资讯的界面,就自己试着做了一下,还是非常简单的.实现是重写BaseAdapter,创建自己的adapter,以及popupwindow效果. 效果图: 下面是新闻主界面,所有的新闻条目都显示在这个页面中 Titlebar右边有一个按钮,可以选择具体门类的新闻. 点开某一条新闻直接根据url打开一个webview(这里我偷懒了,大家可以自己完善) adapter的编写 从上面效果图可以看到,一个listview中包含了3种不同的样式. 没有图片的新闻 有一张大图片的新闻 有一

Android开发之补间动画-布局添加动画

布局添加动画 使用步骤: 1.获取到布局的id 1 RelativeLayout ly=(RelativeLayout)findViewById(R.id.layout); 2.设置动画样式 1 ScaleAnimation sa = new ScaleAnimation(0, 1,0,1); //设置动画效果 2 sa.setDuration(3000); 3.使用布局动画管理器 1 LayoutAnimationController lac = new LayoutAnimationCont

Android UI之RealtiveLayout(相对布局)

说明:RealtiveLayout是目前android开发中最最常用的布局管理器(比LinearLayout还常用),布局内的子组件的位置总是相互依照其他子组件和RealtiveLayout布局本身来确定的.这样最大的好处就是更加自由灵活,可以设计出更加炫酷复杂的界面,而且可以在IDE中通过直接拖拽来进行界面的布局设计. 注意:RealtiveLayout的子组件不可以设置android:layout_gravity属性. RealtiveLayout中需要关注的属性就比较多了,大概可以分为三类

android开发之一&lt;Activity-Intent-界面跳转&gt;

随着第一个Activity跳转成功,就开始有编写博客的冲动. 废话少说! Android开发,界面跳转当然最基础.以下讲述的是开发过程中一些关键的设置. 0. 功能: 启动界面->第二界面 第二界面->启动界面 1. package中,有两个java文件, a. 主界面为MainActivity.java  当然是运行的第一个文件了. b. 跳转目标界面为secondActivity.java 2. 两个源文件关键代码如下: a 启动界面 1 package com.huang.activit