网站设计做什么,山东省建设工程注册中心网站,金融网站html5模板,企业网站模板源码本节引言#xff1a; 本节继续带来的是Android系统服务中的LayoutInflater(布局服务)#xff0c;说到布局#xff0c;大家第一时间 可能想起的是写完一个布局的xml#xff0c;然后调用Activity的setContentView()加载布局#xff0c;然后把他显示 到屏幕上是吧~其实这个底…本节引言 本节继续带来的是Android系统服务中的LayoutInflater(布局服务)说到布局大家第一时间 可能想起的是写完一个布局的xml然后调用Activity的setContentView()加载布局然后把他显示 到屏幕上是吧~其实这个底层走的还是这个LayoutInflater用的Android内置的Pull解析器来解析 布局。一般在Android动态加载布局或者添加控件用得较多本节我们就来学习下他在实际开发中 的一些用法~ 官方API文档LayoutInflater 1.LayoutInflater的相关介绍 1Layout是什么鬼 答一个用于加载布局的系统服务就是实例化与Layout XML文件对应的View对象不能直接使用 需要通过getLayoutInflater( )方法或getSystemService( )方法来获得与当前Context绑定的 LayoutInflater实例! 2LayoutInflater的用法
①获取LayoutInflater实例的三种方法
LayoutInflater inflater1 LayoutInflater.from(this);
LayoutInflater inflater2 getLayoutInflater();
LayoutInflater inflater3 (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);
PS:后面两个其实底层走的都是第一种方法~
②加载布局的方法 public View inflate (int resource, ViewGroup root, boolean attachToRoot) 该方法的三个参数依次为: ①要加载的布局对应的资源id ②为该布局的外部再嵌套一层父布局如果不需要的话写null就可以了! ③是否为加载的布局文件的最外层套一层root布局不设置该参数的话 如果root不为null的话则默认为true 如果root为null的话attachToRoot就没有作用了! root不为nullattachToRoot为true的话会在加载的布局文件最外层嵌套一层root布局; 为false的话则root失去作用! 简单理解就是是否为加载的布局添加一个root的外层容器~! ③通过LayoutInflater.LayoutParams来设置相关的属性: 比如RelativeLayout还可以通过addRule方法添加规则就是设置位置是参考父容器呢 还是参考子控件又或者设置margin等等这个由你决定~ 2.纯Java代码加载布局 我们早已习惯了使用XML生成我们需要的布局但是在一些特定的情况下我们 需要使用Java代码往我们的布局中动态的添加组件或者布局 但是不建议大家完全地使用Java代码来编写Android页面布局首先一点就是代码会多 一多久容易乱而且不利于业务的分离我们还是建议使用xml来完成布局然后通过 Java代码对里面的组件进行修改当然有些时候可能需要使用Java动态的来添加组件 纯Java代码加载布局的流程 ——Step 1
①创建容器:LinearLayout ly new LinearLayout(this);
②创建组件:Button btnOne new Button(this);
——Step 2:
可以为容器或者组件设置相关属性 比如LinearLayout我们可以设置组件的排列方向ly.setOrientation(LinearLayout.VERTICAL); 而组件也可以比如ButtonbtnOne.setText(按钮1); 关于设置属性的方法可参见Android 的API,通常xml设置的属性只需在前面添加set即可,比如 setPadding(左,上,右,下);
——Step 3
将组件或容器添加到容器中这个时候我们可能需要设置下组件的添加位置或者设置他的大小 我们需要用到一个类LayoutParams我们可以把它看成布局容器的一个信息包!封装位置与大小 等信息的一个类!先演示下设置大小的方法(前面的LinearLayout可以根据不同容器进行更改)
LinearLayout.LayoutParams lp1 new LinearLayout.LayoutParams( LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
很简单接着就到这个设置位置了设置位置的话通常我们考虑的只是RelativeLayout! 这个时候用到LayoutParams的addRule( )方法!可以添加多个addRule( )哦 设置组件在父容器中的位置
比如设置组件的对其方式:
RelativeLayout rly new RelativeLayout(this);
RelativeLayout.LayoutParams lp2 new RelativeLayout.LayoutParams( LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
lp2.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);
Button btnOne new Button(this);
rly.addView(btnOne, lp2);
参照其他组件的对其方式 (有个缺点,就是要为参考组件手动设置一个id是手动!!!!) 比如:设置btnOne居中后,让BtnTwo位于btnOne的下方以及父容器的右边!
public class MainActivity extends Activity { Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); RelativeLayout rly new RelativeLayout(this); Button btnOne new Button(this); btnOne.setText(按钮1); Button btnTwo new Button(this); btnTwo.setText(按钮2); // 为按钮1设置一个id值 btnOne.setId(123); // 设置按钮1的位置,在父容器中居中 RelativeLayout.LayoutParams rlp1 new RelativeLayout.LayoutParams( LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); rlp1.addRule(RelativeLayout.CENTER_IN_PARENT); // 设置按钮2的位置,在按钮1的下方,并且对齐父容器右面 RelativeLayout.LayoutParams rlp2 new RelativeLayout.LayoutParams( LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); rlp2.addRule(RelativeLayout.BELOW, 123); rlp2.addRule(RelativeLayout.ALIGN_PARENT_RIGHT); // 将组件添加到外部容器中 rly.addView(btnTwo, rlp2); rly.addView(btnOne, rlp1); // 设置当前视图加载的View即rly setContentView(rly); }
}
——step 4
调用setContentView( )方法加载布局对象即可! 另外如果你想移除某个容器中的View可以调用容器.removeView(要移除的组件);
运行截图 3.Java代码动态添加控件或xml布局 第二点我们讲解了使用纯Java代码来加载布局实际当中用得并不多更多的时候是动态 的添加View控件以及动态的加载XML布局 1Java代码动态增加View
动态添加组件的写法有两种区别在于是否需要先setContentView(R.layout.activity_main); 下面演示下两种不同写法添加一个Button的例子
先写个布局文件先activity_main.xml
RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/android android:idid/RelativeLayout1 android:layout_widthmatch_parent android:layout_heightmatch_parent TextView android:idid/txtTitle android:layout_widthmatch_parent android:layout_heightwrap_content android:text我是xml文件加载的布局/ /RelativeLayout
第一种不需要setContentView()加载布局文件先
public class MainActivity extends Activity { Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); Button btnOne new Button(this); btnOne.setText(我是动态添加的按钮); RelativeLayout.LayoutParams lp2 new RelativeLayout.LayoutParams( LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); lp2.addRule(RelativeLayout.CENTER_IN_PARENT); LayoutInflater inflater LayoutInflater.from(this); RelativeLayout rly (RelativeLayout) inflater.inflate( R.layout.activity_main, null) .findViewById(R.id.RelativeLayout1); rly.addView(btnOne,lp2); setContentView(rly); }
}
第二种不需要setContentView()加载布局文件先
public class MainActivity extends Activity { Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Button btnOne new Button(this); btnOne.setText(我是动态添加的按钮); RelativeLayout.LayoutParams lp2 new RelativeLayout.LayoutParams( LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); lp2.addRule(RelativeLayout.CENTER_IN_PARENT); RelativeLayout rly (RelativeLayout) findViewById(R.id.RelativeLayout1); rly.addView(btnOne,lp2); }
}
分析总结 代码很简单,创建按钮后我们又创建了一个LayoutParams对象用来设置Button的大小 又通过addRule()方法设置了Button的位置! 第一种方法通过LayoutInflate的inflate()方法加载了activity_main布局获得了外层容器 接着addView添加按钮进容器,最后setContentView(); 第二种方法因为我们已经通过setContetView()方法加载了布局此时我们就可以通过 findViewById找到这个外层容器,接着addView,最后setContentView()即可! 另外,关于这个setContentView( )他设置的视图节点是整个XML的根节点! 2Java代码动态加载xml布局
接下来的话我们换一个这次加载的是xml文件!动态地添加xml文件! 先写下主布局文件和动态加载的布局文件
activity_main.xml
RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/androidandroid:idid/RelativeLayout1android:layout_widthmatch_parentandroid:layout_heightmatch_parent Buttonandroid:idid/btnLoadandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:text动态加载布局/
/RelativeLayout
inflate.xml
?xml version1.0 encodingutf-8?
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/android android:layout_widthmatch_parent android:layout_heightmatch_parent android:gravitycenter android:orientationvertical android:idid/ly_inflate TextView android:layout_widthwrap_content android:layout_heightwrap_content android:text我是Java代码加载的布局 / Button android:layout_widthwrap_content android:layout_heightwrap_content android:text我是布局里的一个小按钮 / /LinearLayout
接着到我们的MainActivity.java在这里动态加载xml布局
public class MainActivity extends Activity { Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //获得LayoutInflater对象; final LayoutInflater inflater LayoutInflater.from(this); //获得外部容器对象 final RelativeLayout rly (RelativeLayout) findViewById(R.id.RelativeLayout1); Button btnLoad (Button) findViewById(R.id.btnLoad); btnLoad.setOnClickListener(new OnClickListener() { Override public void onClick(View v) { //加载要添加的布局对象 LinearLayout ly (LinearLayout) inflater.inflate( R.layout.inflate, null, false).findViewById( R.id.ly_inflate); //设置加载布局的大小与位置 RelativeLayout.LayoutParams lp new RelativeLayout.LayoutParams( LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); lp.addRule(RelativeLayout.CENTER_IN_PARENT); rly.addView(ly,lp); } }); }
}
运行截图 代码分析 ①获取容器对象: final RelativeLayout rly (RelativeLayout) findViewById(R.id.RelativeLayout1); ②获得Inflater对象,同时加载被添加的布局的xml,通过findViewById找到最外层的根节点 final LayoutInflater inflater LayoutInflater.from(this);
LinearLayout ly (LinearLayout) inflater.inflate(R.layout.inflate, null, false).findViewById(R.id.ly_inflate); ③为这个容器设置大小与位置信息: RelativeLayout.LayoutParams lp new RelativeLayout.LayoutParams( LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); lp.addRule(RelativeLayout.CENTER_IN_PARENT); ④添加到外层容器中: rly.addView(ly,lp); 4.LayoutInflater的inflate()方法源码 最后提供下LayoutInflater的inflate()方法的源码吧有兴趣的可以看看~其实就是Pull解析而已~ public View inflate(XmlPullParser parser, ViewGroup root, boolean attachToRoot) { synchronized (mConstructorArgs) { final AttributeSet attrs Xml.asAttributeSet(parser); mConstructorArgs[0] mContext; View result root; try { int type; while ((type parser.next()) ! XmlPullParser.START_TAG type ! XmlPullParser.END_DOCUMENT) { } if (type ! XmlPullParser.START_TAG) { throw new InflateException(parser.getPositionDescription() : No start tag found!); } final String name parser.getName(); if (TAG_MERGE.equals(name)) { if (root null || !attachToRoot) { throw new InflateException(merge can be used only with a valid ViewGroup root and attachToRoottrue); } rInflate(parser, root, attrs); } else { View temp createViewFromTag(name, attrs); ViewGroup.LayoutParams params null; if (root ! null) { params root.generateLayoutParams(attrs); if (!attachToRoot) { temp.setLayoutParams(params); } } rInflate(parser, temp, attrs); if (root ! null attachToRoot) { root.addView(temp, params); } if (root null || !attachToRoot) { result temp; } } } catch (XmlPullParserException e) { InflateException ex new InflateException(e.getMessage()); ex.initCause(e); throw ex; } catch (IOException e) { InflateException ex new InflateException( parser.getPositionDescription() : e.getMessage()); ex.initCause(e); throw ex; } return result; }
}
