android基本布局有三种:LinearLayout,RelativeLayout,FrameLayout。

一、LinearLayout

1,这是一种垂直布局(或者水平布局),可以通过下面这一句来修改

android:orientation="horizontal"或者
android:orientation="vertical"

值得一提的是,layout_weight,它表示这个组件在整个LinearLayout中的比例。

例如,下面我插入了两个TextView,

<TextView
android:layout_weight="1"
android:background="#f00"
android:text="Hello World"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:layout_weight="2"
android:background="#0f0"
android:text="Hello SW"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

一个layout_weight设置为1,另一个为2,那么它最终显示的比例会是1:2

另外,如果有一个没有设置android:layout_weight,那么就会像下面这样,hello sw大小与内容相适应

而剩下的内容全部被hello world占据

2,我们可以在xml中进行控件的拖拽,同时也可以在java代码中进行操作!

    我们可以定义一个LinearLayout,然后,通过setContentView塞进去。

 public class MainActivity extends AppCompatActivity implements View.OnClickListener {

     private LinearLayout root;
private Button btnClickme; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
      
root = new LinearLayout(this);
root.setOrientation(LinearLayout.VERTICAL);//决定垂直还是水平
setContentView(root); for(int i = 0;i<;i++){
btnClickme = new Button(this);
btnClickme.setText("Remove me" +i ) ;
         //依次添加时间监听器,点击取消
btnClickme.setOnClickListener(this);
        //可以通过下面这行代码确定控件的大小
LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
lp.weight = 1;
root.addView(btnClickme,lp);    //添加一个控件或者视图。第一个参数为需要添加的控件,第二个参数为大小
}
//root.addView(btnClickme); // root.addView(btnClickme,LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT); // LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.WRAP_CONTENT);
// root.addView(btnClickme,lp); }
  
@Override
public void onClick(View v) {
root.removeView(v);
}
}

二,RelativeLayout

这个就是比较自由的布局模式,各个控件可以根据自己的喜好来摆放,这里就不放实例了。

同上面一样,我们可以通过代码对布局内的控件进行操作:

 public class RelativeLayoutAty extends AppCompatActivity {

     private RelativeLayout root;
private TextView tv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState); root = new RelativeLayout(this);
setContentView(root); tv = new TextView(this);
tv.setText("abc");
RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
lp.leftMargin = 200;
lp.topMargin = 500;
root.addView(tv,lp); }
}

3,FrameLayout

这个控件能够实现的功能,用RelativeLayout全都能实现,但是它比较轻量级,如果布局比较简单,使用它还是十分方便的!

以下面为例,我们在界面中放一张图片,当我们点击它时,我们就切换到下一张

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:id="@+id/root"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="examples.ouc.com.learnlayout.FrameLayoutAty"> <ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/img1"
android:id="@+id/ivA"/> <ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/img2"
android:visibility="invisible"
android:id="@+id/ivB"/> </FrameLayout>

layout文件

然后是实现代码

 public class FrameLayoutAty extends AppCompatActivity {

     private FrameLayout root;
private ImageView ivA,ivB;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_frame_layout); ivA = (ImageView) findViewById(R.id.ivA);
ivB = (ImageView) findViewById(R.id.ivB);
root = (FrameLayout) findViewById(R.id.root); showA(); root.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if(ivA.getVisibility() == View.VISIBLE){
showB();
}else{
showA();
}
}
});
}
private void showA(){
ivA.setVisibility(View.VISIBLE);
ivB.setVisibility(View.INVISIBLE);
}
private void showB(){
ivB.setVisibility(View.VISIBLE);
ivA.setVisibility(View.INVISIBLE);
}
}

FrameLayoutAty

在这里我犯了一个SB的错误,我把实现类的类名定义为了:FrameLayout,导致我在添加布局时候总是错误,因为定义root时候,AS会认为你是定义了一个i额类名!!!!

尴尬!!!肝疼。。。

Android基本布局的更多相关文章

  1. 【腾讯Bugly干货分享】Android动态布局入门及NinePatchChunk解密

    本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/57c7ff5d53bbcffd68c64411 作者:黄进——QQ音乐团队 摆脱 ...

  2. Xamarin.Android之布局文件智能提示问题

    一.前言 看到有人问关于xamarin.android的布局没智能提示问题(VS 2015),当然,写布局这东西没提示这是一件相对痛苦的事 ,所以这里就提供一个解决的方案! 二.解决方案 想要智能提示 ...

  3. android—-线性布局

    android五大布局之线性布局. 1.线性布局的特点:各个子元素彼此连接,中间不留空白 而今天我们要讲解的就是第一个布局,LinearLayout(线性布局),我们屏幕适配的使用 用的比较多的就是L ...

  4. android layout布局属性

    参考:http://blog.csdn.net/msmile_my/article/details/9018775 第一类:属性值 true或者 false           android:lay ...

  5. Android 学习第10课,Android的布局

    Android的布局 线性布局

  6. Android 优化布局层次结构

    前面介绍过使用HierarchyViewer和Android lint来优化我们的程序,这一篇算是总结性的,借助一个小例子来说用怎么优化应用布局.这个例子是android官网给出的,作者也当一把翻译. ...

  7. Android 五大布局

    Android 五大布局:  FrameLayout(框架布局),LinearLayout (线性布局),AbsoluteLayout(绝对布局),RelativeLayout(相对布局),Table ...

  8. Android界面布局基本知识简述

    Android手机操作系统在模拟器中进行相关的编写,可以帮助我们实现各种功能需求.尤其是在界面的操作方面显得更为突出.在这里我们就可以对Android界面布局的相关操作来对这方面的知识进行一个深入的了 ...

  9. android的布局管理器

    理论上通过setContentView(view)能够把一个view设置到activity中,但当你有很多个view控件的时候,就需要用android的布局管理器来管理view控件了. android ...

随机推荐

  1. SQL函数之---DECODE函数

    Decode函数是oracle/SQL提供的特有函数计算方式,语法:DECODE(value,if1,then1,if2,then2,if3,then3,...else),通常我们在写语句的时候可能会 ...

  2. webpack ,gulp/grunt的介绍

    http://www.jianshu.com/p/42e11515c10f# bfc的概念block formatting context http://www.cnblogs.com/dojo-lz ...

  3. angularjs不同页面间参数的传递

    1.在路由中定义要接收的参数 .state('userDetails', { url: '/userDetails?phone', //以?为标识接收参数 templateUrl: 'assets/v ...

  4. 十天精通CSS3学习笔记 part2

    第6章 征服CSS3选择器(上) 属性选择器 在HTML中,通过各种各样的属性可以给元素增加很多附加的信息.例如,通过id属性可以将不同div元素进行区分. 在CSS2中引入了一些属性选择器,而CSS ...

  5. RHEL 6.0服务器安装Oracle 11G R2 最终版

    RHEL6安装Oracle 11g R2最终版 结合网上教程 服务器实战所得 1.使用DVD做yum源新建dvd挂载目录[root@fxq-dp ~]# mkdir /media/iso进入到DVD挂 ...

  6. c#数据绑定(3)——数据转化为信息

    文/嶽永鹏 本文主要在数据绑定1和2中新增了DataSet对象,练习了如何在DataSet中添加表.关系和约束,同时本文也简要的介绍了如何将数据转化为信息. 目标界面: XAML代码: <Gri ...

  7. [IOS 开发] 自定义(重写) UITableViewCell的高亮背景色

    IOS的sdk中,对UITableViewCell的高亮背景色只支持两种颜色,分别为UITableViewCellSelectionStyleBlue和UITableViewCellSelection ...

  8. Android App的签名打包三步骤

    1.签名的意义 为了保证每个应用程序开发商合法ID,防止部分开放商可能通过使用相同的Package Name来混淆替换已经安装的程序,我们需要对我们发布的APK文件进行唯一签名,保证我们每次发布的版本 ...

  9. AutoCAD学习笔记

    学习笔记: **有些命令,有两到三种执行方式:菜单.命令行.对话框.如layer命令,如果在命令行打入layer命令,就会弹出对话框主y式,如果要命令行方式执行,就需要在前面加一个-号,即-layer ...

  10. KindEditor的内容以Word的形式导出

    //导出按钮 protected void btn_Export_Click(object sender, EventArgs e)        {            Model.article ...