安卓开发2-第二章-Android-UI组件

第二章Android界面开发

Activity>布局、清单文件(AndroidManifest.xml)

2.1视图组件与视图容器

基本概念：控件、View(视图)、ViewGroup(视图容器)。控件是Android

界面最基本的元素，每一个按钮或文本框都是控件。View是所有控件的基类。

ViewGroup可以控制子控件的布局和显示。

Android通过Java代码定义控件并设置控件的属性，通过XML文件控制控

件的布局和属性。

2.2常用布局

布局可以用来管理控件的分布和大小。

2.2.1Android的六大基本布局

线性布局(LinearLayout)

相对布局(RelativeLayout)

表格布局TableLayout

层布局FrameLayout

绝对布局AbsoluteLayout

网格布局GridLayout

2.2.2线性布局LinearLayout

LinearLayout是一个视图容器又称线性布局，可以向其中添加组件。

水平方向线性排列android:orientation="horizontal"

垂直方向水平排列

Andorid:id组建标签中的id属性值，以@开头，例如@+id/abc,可

在Java代码中通过findViewByld中获取。

android:id="@+id/iflytek_logo"

android:layout_width该组件的布局宽度

android:layout_height该组件的布局高度

可以设置3中取值方式

(1)matchparent:设置当前View的大小尽可能和父控件的大小一致。

(2)wrapcontent设置当前View的大小自适应要显示的内容。

(3)固定值：设置档期那View的尺寸为固定大小。

android:layout_width="matchparent"

android:layout_height="wrap_content”

案例代码：

<?xmlversion=〃1.0〃encoding=〃utf8〃?>

<LinearLayout

pflns:android="zhttp://schemas,android,com/apk/res/android^

android:layout_width="matchparentz/_________________

android:layout_height=/zmatchparent/z

android:orientation二〃vertical〃

)

<Button

androidid=〃@+id/buttonl”

androidlayout_width="wrap_content”

androidlayout_height=z/wcjp_c()i)tem”

android:text="Button1”

/>

<Button

android:id=〃@+id/button2〃____________

android:layout_width=//wrap_content/，

android:layout_height二〃wrap_content

android:text=z/Button2/z

/>

<Button

android:id="@+id/button3"____________

____android:layout_width=，i

android:layout_height=〃wrap_content

android:text=〃Buitcm3"_______________

/厂

</LinearLayout>

android:Iayout_gravity和android:gravity属性的区别

gravity控制组件的重心，也叫对齐方式，表示View在横向或纵向的停靠

位置。

（1）android:gravity:设置自身内部元素的对齐方式。比如TextView,则设

置内部文字的对齐方式。如果是ViewGroup组件如LinearLayout的话，则为设置

它内部View组件的对齐方式。默认值是左侧,比如Button设置gravit产“top”，

内部的文字显示在左上角。

案例代码：

<Button

android:id="@+id/button1"

android:layout_width="200dp"

android:layout_height="wrap^content"

android:gravity="top"

android:text="Button1"

/>

BUTTON1

BUTT0N2

BUTTON3

这是一段话

center

right

bottom

center_horizontal

center_vertical

clip_horizontal

clip_vertical

end

fill

fill_horizontal

fill_vertical

left一

start

top

(2)android:layoutgravity设置自身相对于父容器的对齐方式。比如，一

个Button设置layoutgravity属性，则表示这Button相对于父容器的对齐方式。

案例代码：

<?xmlversion="1.0"encoding="utf-8"?>

<LinearLayout

xmlns:android="/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:background="#E8E8E8"

>

<Button

android:id="@+id/button1"

android:layout_width="wrap_content"

android:layout_height="wrapcontent"

android:layout_gravity="right"

android:text="Button1"

/>

<Button

android:id="@+id/button2"

android:layout_width="wrap_content"

android:layout_height="wrapcontent"

android:layout_gravity="center"

android:text="Button2"

/>

<Button

android:id="@+id/button3"

android:layout_width="wrap_content"

android:layout_height="wrapcontent"

android:text="Button3"/>

</LinearLayout>

效果图

BUTT0N1

BUTT0N2

BUTT0N3

案例代码：

学习LinearLayout的另一个重要属性，android：layoutweight,该属性允

许我们使用比例的方式来指定控件的大小。分配当前控件在剩余空间的大小

<?xmlversion-1.0〃encoding=〃ulf8〃?>

<LinearLayout

xmlns:android=〃http://schemas,android,com/apk/res/android”

android:layout_width=，，match_parent/，_____________________________|

android:layout_height=〃matchparent”____________________________

android:orientation二〃horizonta]〃_______________________________I

)

<IiclitText

android:id="@+id/inputjnessage”|

android:layout_width=〃Odp〃|

android:layout_height="wrapcontent/'________________________|

android:1ayout_weight=〃1〃

android:hint=〃请输入〃

7>

<Button

________android:id="@^id/sendl”____________

android:layout_width=，，Odpz，

________android:layout_height=〃wrap_content

android:layout_weight=，/1"

android:text^send^

/>

</LinearLayout>

将Button和EditText的android：layoutweight属性都设置为1时，EditText

和Button将在水平方向平分宽度。

更好的实现效果

案例代码:

<?xmlversion="1.0〃encoding=//utf-8，z?>

<LinearLayout

xmlns:andi'oicl=//h〔tp:〃schemas,androicl.coin/pk/1'us/andiV)id〃

android:layout_width=〃niatchparent“______________________

android:layout_height="matchparentz，

android:orientation^^horizontalzz

>

<EditText

android:id=&+id/inputmessage

android:layout_width="Odp”

android:layout_height=，，\vrapcontent，?

________android:layout_weight=〃1〃

android:hint=〃请输入,

—/)一

<Button

________android:id=〃@+id/sendl〃_____________

android:layout_width="wrapcontent”

________android:layout_height="wrapcontent

android:text二〃send”

/>

</LinearLayout>

Button占屏幕的宽度为wrap_content控件的大小刚好包住里面的内容。

layoutweight属相将平分剩余的屏幕宽度。

android:layoutmargin控制子组件周围的页边距（控件外部）

1.android:layout_margin=""/儆值示例"Odp”距离父控件

四个方向距离

2.android:layout_marginLeft=""〃取值示例"Odp"距离父

控件左间距

3.android:layout_marginTop=""/儆值示例"Odp"距离父

控件上间距

4.android:layout_marginRight=""〃取值示例"Odp"距离

父控件右间距

5.android:layout_marginBottom=""〃取值示例"Odp"距

离父控件下间距

android:padding在组件的四边设置填充区域（控件内部）

1.android:padding=/n,/度值示例"Odp"控件内容（文本图

片子控件等）距离控件四个方向边界的距离

2.android:paddingLeft=""

3.android:paddingTop=""

4.android:paddingRight=""

5.android:paddingBottom=""

案例代码：

<?xmlversion="1.0"encoding="utf-8"?>

<LinearLayout

xmlns:android="/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="horizontal"

>

<EditText

android:id="@+id/input_message"

android:layout_width="Odp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:hint="请输入"

/>

<Button

android:id="@+id/send1"

android:layout_width="Odp"

android:layout_height="wrapcontent"

android:layout_weight="1"

android:paddingTop="Odp"

android:layout_marginRight="20dp"

android:text="send"

/>

</LinearLayout>

2.1.1RelativeLayout相对布局

对于有些界面，用线性布局实现比较麻烦，或使用线性布局嵌套层次太深,

可以考虑更灵活的想对布局。

android:layout_alignParentLeft=，ztruez，位于父布局左部

android:layout_alignParentTop=，，truez，位于父布局顶部

android:layout_centerInParent=，，truez，位于父布局中间

android:layout_alignParentRight=，，true/z位于父布局右部

android:layout_alignParentBottom=z，true，z位于父布局底部

案例代码:

<?xmlversion=〃1.0〃encoding二

<RelativeLayout

xmlns:android="http://schemas,android,com/apk/res/android”

android:layout_width=，，match_parent”

android:layout_height=z/matchparent/z

>

<Button

android:id="@+id/sendl”_______________

android:layout_width=，/\vrapconlont”

android:layoutheight=，wiapconi.eni”

android:layout_alignParentLeft=/，true

android:layout_alignParentTop="1ru(?"

android:text=，zbuttonl”

/>

<Button

android:id="@+id/send2〃______________

android:layout_width=z/wrapcontent

android:layout_height=〃wrapcontent”________________________

android:1ayout_alignParentRight="true〃

android:layout_alignParentTop="true"_________________________

android:text=//button2z/

/>____________________________________________________

<Button

android:id="@+id/send3"______________________________________

android:1ayout_width=，zwi'apcontentz，

android:layout_height=)conlent/'_________________________

android:layout_centerInParent=zztrue，z

android:text=〃button3〃_______________________________________

/>

〈Button__________________________________________________________

android:id=〃@+id/send4〃

android:layout_width="wrapcontent”__________________________

android:1ayout_height=，/wrapcontent，z

android:layout_alignParentLeft=〃tru。"________________________________

android:layout_alignParentBottom=，true"

android:text二〃button4〃_______________________________________

/>

<Button

android:id=/z@+id/send5〃

android:layout_width=〃wrapcontent“_________________________

android:1ayout_height=，/wrapcontent^

android:layout_alignParentRight='-_______________________

android:1ayout_alignParentBottom="true"

android:text="button5/z

~~TT

</RelativeLayout>

案例代码:

▼■8：00

studyAPP

BUTT0N1BUTTON1

BUTTONI

BUTT0N1BUTT0N1

《。口

android:layout_centerInParent=，，true/，设置当前在父布局居中

android:layout_above=zz@id/send3，z表示一个控件在另一个控件的上方

android:layout_toLeftOf=，，@id/send3〃

表示一个控件在另一个控件的左侧

android:layout_toRightOf=//@id/send3z，

表示一个控件在另一个控件的右侧

android:layout_below=，z@id/send3〃

表示一个控件在另一个控件的下方

____<?xmlversion="I.0〃encoding="utf-8"?>________________________

<RelativeLayout

xmlns:anclroid=〃http://schemas,android,com/apk/res/android”

android:layout_width="matchparenl”__________________________

android:layout_height=z，match_parent”

<Button

android:id=〃@+id/send3〃

android:layout_width=z/wrap_content/z

android:layout_height="wrapcontenl〃

android:layout_centerInParent=z2lru£^

android:text="button1”

/>

<Button

android:id=〃@+id/sendl〃_______________

android:layout_width=/，wrapcontent^

android:layoutheight、-wrapconleni”

android:layout_above:=/，@id/sendS^

android:layout_toLeft0f=〃@id/send3〃

android:text="button1”

/>

<Button

android:id=〃@+id/send2〃

android:layout_width=//wrap_conteniz/

android:layout_height="wrapconleni〃

android:layout_above=/z@id/send3z/

android:layouttoRightOf="@id/send3”

android:text=，，button1”

/>

<Button

android:id=/z@+id/send4〃

android:layoutwidth="wrapconlonI”

android:layout_height=/zwrapcontent/z

android:layout_below="@id/send3〃___

android:1ayout_toLeftOf=ids(?nd3z，

android:text="buttonl”_________________

/>

<Button

android:id=〃。+id/send5〃

android:layout_width="wrapcontent”

android:layout_height=，/wrapconteni"

android:layout_below="@id/send3〃

android:layout_toRightOf=v@id/send3〃

android:text="bultonI”

</RelativeLayout>

2.1.2TextView

android：id="@+id/text」”给当前控件定义唯一标识符

android：layoutwidth指定控件的宽度，

match_parent意义相同，表示当前控件大小与父布局相同，父布局大小决定

了当前控件的大小；

wrapcontent让当前控件的大小刚好能包住里面的内容，由控件内容决定当

前控件大小。

案例代码:

<?xmlversion=〃1.0〃encoding=〃ulf8〃？>

<LinearLayout

xmlns:android=〃http://schemas,android,com/apk/res/android”

android:layout_width=，，matchjarent

android:layout_height=〃matchparent.”

android:orientation="vertical"

<TextView

________android:id="@+id/text_view〃__________

android:layout_width=z/\vrapcontent"

android:layoutheight="ikilchpareni,

android:text="ThisisTextView”

/>

</LinearLayout>

TextView默认居左上角对齐

hisisTextView

知识回顾:

android:gravity指定内部控件的对齐方式，可选值

top,bottom,left,right,center,也可用"|"可同时指定多个值,指定

"center”,效果等同于,center_vertica果center_horizontal表示文字在垂

直方和水平方向都居中

<?xmlversionF'l.0〃encoding=〃ulf-8〃？>

<LinearLayout

xmlns:android=〃http://schemas,android,com/apk/res/android”

android:orientation=/，vertical”

android:layout_width=〃maiientzz_________________________

android:layout_height=//matchparent，z>

〈TextView

android:id=〃@+id/text_\iew2〃

android:layout_width=〃match_parent〃

android:layout_height=，/\vrapcontentz，

android:gravity=〃center〃

android:text=，/ThiI'exlVi

/>

</LinearLayout>

案例代码:

通过改变TextView的大小和颜色进行修改。

andorid：textsize文字大小sp

android：textColor颜色

<?xmlversion="1.0〃encoding二

<LinearLayout____________________________________________

^^s:android="http://schemas,android,com/apk/res/android”___________

android:orientation="verticalz/__________________________________

android:layout_width=，，match_parentz/

android:layout_height=，，match_parent，，>

<TextView

android:id=〃@+id/text_view3〃

android:layout_width=z/match_parent/z

________android:1ayout_height=〃wrapcontent”________________________

android:gravity="center”

________android:textSize=〃24sp〃

android:textColor=，，#ff0000z，

android:text=/ThisisTexlView"

/>

</LinearLayout>

案例代码:

文字+icon

android：drawableTop,drawableLeft,drawableRight,drawableBottom

<?xmlversion="1.0〃encoding=

<LinearLayout

xmlns:android=〃h11p://schemas,android,com/apk/res/android〃

android:orientation=〃vertical”_____________________________

android:layout_width=/，matchparent，z

android:layout_height=〃【natchparent”〉

<LinearLayout

android:layout_width=〃【natchparent”

android:layout_height=，/100dp，z

________android:background="@drawab1e/my_fragment_top._______

android:orientation=〃horizontai”

________>________________________________________________________

<TextView

_____________android:id=〃@+id/my_index_dongtai〃________________

android:layout_width=//Odp/，

android:layout_weight=〃l〃

android:layout_height=z/matchparent”

android:gravity="center〃

android:drawab1eTop="Sdrawab1emyFragmentorder"

_____________android:textSize=〃@dimen/text_size_defalutl〃_____

android:text=〃我的订单〃

></TextView>

<TextView

android:layout_width二〃ldp〃

android:layout_height="/inatchparent"

android:background-z/#EODFEQz/

/>

<TextView

android:id=，z@+id/niyindexheart”

android:layout_width=〃Odp〃

android:layout_weight=/z1"

android:layout_height="matchparent”

android:gravity="center”

_____________android:drawableTop=〃@drawable/my_fragmenljrate”

android:text=〃心率“

_____________android:textSize=〃@dimen/1ext_size_defalut1"_____

></TextView>

_________〈TextView

android:layout_width=，/Idp"

android:layout_height=〃niatchparent”

android:background=〃#E0DFB0〃

/>

<TextView

__________android:id=〃@+id/my_index_sports”__________________

android:layout_width=，/Odpz,

android:layout_weight=T

android:layout_height=zzmatchparent

android:gravity="center”

android:drawableTop=，"fragmentsports"

android:text=〃运动”

android:textSize=/z@dimen/textsizedefalutl，z

></TextView>

</LinearLayout>

〈TextView

androici:id=〃("+i(1niyindoxhealth”

android:layout_width="matchparent”

android:layout_height="wrapcontentzz

android:layoutjnarginTop="@dimen/lillle_space〃

android:text—健康档案”

_____android:textSize="@dimen/text_size_defalutl"___________

android:gravity二〃centervertical"

_____android:padding="@dimen/normal_space“__________________

android:drawableLeft=z，@drawable/my_fragment_archivesz/

android:drawab1eRight=〃@drawab1e/arrownorma1”

android:background=〃#ffffff”

_____android:drawablePadding=〃@din】en/normalspace”__________

/>

<TextView

_____android:id=〃@+id/my_index_faniily〃_______________________

android:layout_width=//matchparent"

android:layout_height="wrapcontent〃

android:layout_marginTop=，/@climen1ittle_spacez，

android:text=〃我的家人〃

android:textSize=/，@dinien/text_size_defalut1〃

_____android:gravity=〃center_vertical〃_______________________

anciroicl:padding=in；

_____android:drawableLeft=〃@drawab1e/r「amily”

android:drawab1eRight="("itrrow_normalz，

android:background=〃#ffffff〃

android:drawablePadding=z，@'dinien/iioriiialspacp，z

/>

<TextView

_____android:id="@+id/my_index_question.____________________

android:layout_width=z/matchparent”

android:layout_height="wrapcontent”________________________

android:layout_marginTop=/z®climcnni111ospacez，

android:text=〃我的问答〃______________________________________

android:textSize=，z@climentextsizedefeilut1〃

android:gravity="centejvertical”____________________________

android:padding=〃@dimennorma1spac

________android:drawableLeft=〃@drawable/my_fragm6ntquestion”________

android:drawableRight=z，@drawciblearrownormalzz

android:background二_________________________________

android:drawab1ePadding="@dimen/norma1space〃

/>一______________________

<TextView

android:id=〃@+id/my_index_tel〃_______________________________

android:layout_width=z/matchjDarent"

android:layout_height二〃wrapcontent/'_________________________

android:background="#ffIff1”

android:drawableLeft="@drawable/myfragmenttel”_____________

android:drawab1eRight=z，@drawab1e/arrownormal/z

________android:drawablePadding=〃@dimen/normal_space〃________________

android:gravity二〃centervertical〃

________android:padding=〃@diinen/normal_space“________________________

android:text="联系电话"

________android:textSize="@dimen/lexlsizedefalul1〃/>______________

</LinearLayout>

2.1.3Button

Button是程序用于和用户交互的一个重要的控件。

实战体验1:

布局文件:

<?xmlversion="1.0〃encoding二〃utf-8〃？>

<LinearLayout

xmlns:android="hitp://schemas.android.coin/Mpk/ros/andi、。id〃

android:orientation="vertical”___________________

cindroid:1ayout_width=/zmatch^parent^_______________________

android:layout_height=〃matchparent〃>

〈Button

android:id=〃@+id/buttonl〃

android:layout_width=，zmatch_parent"

android:layout_height=〃wrapcontent/'_____________

android:text=z/Button1〃/>

</LinearLayout>

java代码:

packagecom.example,soft,studyapp;

importandroid,support.v7.app.AppCompatActivity;

importandroid,os.Bundle;

importandroid,view.View;

importandroid,widget.Button;

publicclassMainActivityextendsAppCompatActivity{

privateButtonbuttonl;

©Override

protectedvoidonCreate(BundlesavedinstanceState){

super.onCreate(savedlnstanceState);

setContentView(R.layout,activitymairi);

buttonl=(Button)findViewById(R・id.button!);

________buttonl.setOnClickListener(newView.OnC1ickListener(){

©Override

publicvoidonClick(Viewv){

-77茯正写逻辑代码一

}

})；

)

若不喜欢使用匿名内部类的方式来注册监听，也可用接口的方式进行注册。

packagecom.example,soft.studyapp;

importandroid,app.Activity;

importandroid,os.Bundle;

importandroid.view.View;

importandroid,widget.Button;

publicclassButtonActivityextendsActivityimplements

View.OnClickListener{

privateButtonbuttonl;

©Override

protectedvoidonCreate(BundlesavedinstanceState){

super.onCreate(savedlnstanceState);

setContentView(R.layout,activitymaiii);

buttonl=(Button)findViewById(R.id.buttonD;

button1.setOnClickListener(this);

一}一

©Override

publicvoidonClick(Viewv){

switch(v.getld()){

caseR.id.button1\

〃此处写逻辑操作

break;

default:

break;

}_____________________________________________

}

)

Button

•自定义选中效果

StateListDrawable对象所显示的drawable对象会随目标组件状态的改变而自

动切换。

定义StateListDrawable对XML文件的根元素（selector.../〉，该元素可以报

考多个〈item.../＞元素，该元素可以指定以下属性。

android:color或android:drawable指定颜色或drawable对象

android:state_xxx指定一个特定的状态

例如

<?xmlversion="1.0"encoding="utf-8"?>

<selectorxmlns:android="/apk/res/android">

<itemandroid:state_checked="true"

android:drawable="@mipmap/icon_card_select"></item>

<itemandroid:state_checked="false"

android:drawable="@mipmap/icon_card_nom"></item>

</selector>

android:state_checked代表是否已处于勾选状态

android:state_pressed代表是否处于已按下状态

android:stateselected代表是否处于被选中状态

2.1.4在活动中使用Toast

Toast是Android系统提供的一种提醒方式，在程序中可以使用它将一些短

小的信息通知给用户，并且会在一段时间后自动消失，不会占用任何屏幕。

Toast.makeText(MainActivity.this,“youclicked

button1,,,Toast.LENGTH_SHOR).show();

通过静态方法makeText()创建一个Toast对象，然后调用show()方法

将Toast显示出来，makeToast。方法需要传入三个参数，第一个参数Context,也

就是Toast的上下文，也就是一个Context对象，第二个参数是Toast显示的文本

内容，第三个参数是Toast显示的时长，有两个内置的可以选择，

Toast.LENGTHSHORT和Toast.LENGTHLONGo

2.1.5EditText

EditxText是程序用于和用户进行交互的另一个重要的控件，允许用户在控

件里输入和编辑内容，并可以在程序中对这些内容进行处理，

androd：hint在输入框中显示提示性文字，一旦用户输入，文字就会自动

消失。

常见的应用场景，发短信，发微博，账号登录等等，

<?xmlversion=〃1.()〃encoding=〃utf-8〃？>

<LinearLayout

xmlns:android=〃http:〃schemas,android,com/apk/res/android〃

android:orientation=〃vertical,_________________________

android:1ayout_width=/zniat.ch_parent^_________________________

android:layout_height=〃matchparent,”)

<EditText

android:id=〃@+id/edit_text〃

android:layout_width="/niatch_parent"

android:layout_height="wrapcontent”______________

android:hint=〃请输入“

/〉一

</LinearLayout>

当输入内容过多是，EditText被无线拉伸怎么办？

android：maxLines='T'

实战体验2：

通过点击按钮获取EditText中输入的内容

xml代码:

<?xmlversion="l.0〃encoding=〃ulf-8〃？>

<LinearLayout

xmlns:android=〃http://schemas,android,com/apk/res/android”

android:orientation=/，vertical”

android:layout_width二〃matchparent”

android:layout_height=//matchparent〃>

〈EditText

android:id=z/@+id/edit_text，z

android:layout_width=〃matchparent”

android:layout_height=，/wrap_contentz，

android:hint="请输入"

/>

<Button

android:id="@+id/btn_edit”___________

android:layout_width=vniatch_parent'

android:layoutheight=，rdp_conle口i〃

android:text="Buttool:clit〃

/>

(/LinearLayout>

java代码:

packagecom.example,soft,studyapp;

importandroid,app.Activity;

importandroid,os.Bundle;

importandroid,view.View;

importandroid,widget.Button;

importandroid,widget.EditText;

importandroid,widget.Switch;

importandroid,widget.Toast;

publicclassEditActivityextendsActivityimplements

View.OnClickListener{

privateButtonbutton;

privateEditTexteditText;

©Override

protectedvoidonCreate(BundlesavedlnstanceState){

super.onCreate(savedlnstanceState);

setContentView(R.layout,activityedittexi);

button=(Button)findViewById(R.id.btn_edit);

editTexl=(EditText)findViewById(R.id.ed/，ZexZ);

button.setOnClickListener(this);

)

©Override

publicvoidonClick(Viewv){

switch(v.getld()){

caseR.id.btnedit:

StringinputText=editText.getText().toStringO;

Toast./z?a4e7ext(EditActivity.this,inputText,Toast.LENGTHSHORT).show()

break;

default:

break;

)

首先通过findViewByld。方法得到EditText的实例，在按钮点的点击事件

中调用EditText的getText()方法获取输入的内容，再调用toString()方法转

换成字符串，最后通过Toast将的内容显示出来。

实战体验3:

制作登录界面

2.1.6ImageView

ImageView用于在界面上展示图片的一个控件，可以让程序界面变得更

丰富多彩。

实战体验1:

通过java代码更换照片

xml布局：

<?xmlversion="1.0〃encoding=

<LinearLayout

xmlns:android=〃h11p://schemas,android,com/apk/res/android〃

android:orientalion=〃vertical”__________________________

android:layout_width=/，matchparent，z

android:layout_height="matchparent”〉

<ImageView

android:id=〃@+id/iamge_view〃

android:layout_width=〃wTap_content”

android:layout_height二〃wrap_content”

z，

android:src=^clrawabIe/inyIragmt'ins「)⑴4s〃

/)——

</LinearLayout>

java代码：

通过调用ImageView的setlmageResource()方法将显示的图片换成

my_fragment_family

packagecom.example,soft,studyapp;

importandroid,app.Activity;

importandroid,os.Bundle;

importandroid,view.View;

importandroid,widget.Button;

importandroid,widget.ImageView;

publicclassImageActivityextendsActivityimplements

View.OnClickListener{

privateButtonbtn_image;

privateImageViewimageView;

©Override

protectedvoidonCreate(BundlesavedinstanceState){