华为手机网站建设策划方案论文,针对315老坛酸菜企业解决方案,模板式网站建设,教育培训网页面设计的零碎知识 通用属性设置文本大小设置视图宽高设置视图的对齐方式 页面布局LinearLayoutRelativeLayoutGridLayoutScollView 按钮触控ButtonImageViewImageButton 通用属性
设置文本大小
纯数字的setTextSize方法#xff0c;内部默认字体单位为sp#xff0c;sp是An… 页面设计的零碎知识 通用属性设置文本大小设置视图宽高设置视图的对齐方式 页面布局LinearLayoutRelativeLayoutGridLayoutScollView 按钮触控ButtonImageViewImageButton 通用属性
设置文本大小
纯数字的setTextSize方法内部默认字体单位为spsp是Android推荐的字号单位 sp专门用来设置字体大小在系统设置中可以调整字体大小
设置视图宽高
宽高的取值主要有下列三种
match_parent表示与上级视图保持一致wrap_content表示与内容自适应以dp为单位的具体尺寸
在代码中设置视图宽高
//.java文件
TextView tv_codefindViewById(R.id.tv_code);
//获取tv_code的布局参数含高度和宽度
ViewGroup.LayoutParams paramstv_code.getLayoutParams();
//修改布局参数中的宽度数值注意默认为px单位
params.width30
//调用控件对象的setLayoutParams方法填入修改后的布局参数使之生效
tv_code.setLayoutParams(params)设置视图的对齐方式
设置视图的对齐方式有两种途径
采用layout_gravity属性它指定了当前视图相对于上级视图的对齐方式采用gravity属性它指定了下级视图相对于当前视图的对齐方式 注两个属性的取值包括left、top、right、bottom还可以用竖线连接各取值例如“left|top”表示即靠左又靠上也就是朝左上角对齐 例如
!--水平和竖直方向都居中--
TextViewandroid:gravitycenter/页面布局
LinearLayout
RelativeLayout
相对布局的下级视图位置由其他视图决定。用于确定下级视图位置的参照物分两种
与该视图自身平级的视图该视图的上级视图
如果不设定下级视图的参照物那么下级视图默认显示在RelativeLayout内部的左上角
相对位置的取值
相对位置的属性取值相对位置说明layout_toLeftOf当前视图在指定视图的左边layout_toRightOf当前视图在指定视图的右边layout_above当前视图在指定视图的上方layout_below当前视图在指定视图的下方layout_alignLeft当前视图与指定视图的左侧对齐layout_alignRight当前视图与指定视图的右侧对齐layout_alignTop当前视图与指定视图的顶部对齐layout_alignBottom当前视图与指定视图的底部对齐layout_centerInParent当前视图在上级视图中间layout_centerHorizontal当前视图在上级视图的水平方向居中layout_centerVertical当前视图在上级视图的垂直方向居中layout_centerParentLeft当前视图与上级视图的左侧对齐layout_centerParentRight当前视图与上级视图的右侧对齐layout_centerParentTop当前视图与上级视图的顶部对齐layout_centerParentBottom当前视图与上级视图的底部对齐
GridLayout
网格布局默认从左到右、从上到下排列它新增了两个属性是定义在布局组件上的
columnCount属性它指定了网格的列数即每行能放多少个视图rowCount属性它指定了网格的行数即每列能放多少个视图
搭配layout_columnWeight属性使用可确定每行中的所有组件在列中的宽度占比该属性定义在子组件上。
ScollView
滚动视图有两种
ScrollView它是垂直方向的滚动视图垂直方向滚动时layout_width属性值设置为match_parent,layout_height属性值设置为wrap_parentHorizontalScrollView它是水平方向的滚动视图水平方向滚动时layout_width属性值设置为wrap_contentlayout_height属性值设置为match_parent
?xml version1.0 encodingutf-8?
LinearLayoutxmlns:androidhttp://schemas.android.com/apk/res/androidandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationverticalHorizontalScrollViewandroid:layout_widthwrap_contentandroid:layout_height300dpLinearLayoutandroid:layout_widthwrap_contentandroid:layout_heightmatch_parentandroid:orientationhorizontalViewandroid:layout_width300dpandroid:layout_heightwrap_contentandroid:backgroundcolor/white/Viewandroid:layout_width300dpandroid:layout_heightmatch_parentandroid:backgroundcolor/black//LinearLayout/HorizontalScrollViewScrollViewandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentLinearLayoutandroid:layout_widthwrap_contentandroid:layout_heightmatch_parentandroid:orientationverticalViewandroid:layout_widthmatch_parentandroid:layout_height400dpandroid:background#0eeeef/Viewandroid:layout_widthmatch_parentandroid:layout_height500dpandroid:background#0000ff//LinearLayout/ScrollView
/LinearLayout效果图
按钮触控
Button
按钮控件Button由TextView派生而来它们之间的区别有
Button拥有默认的按钮背景而TextView默认无背景Button的内部文本默认居中对齐而TextView的内部文本默认靠左对齐Button会默认将英文字母转为大写而TextView保持原始的英文大小写 注Button取消字母全部大写android:textAllCapsfalse 按钮控件有两种常用的监听器
点击监听器通过setOnClickListener方法设置。按钮被按住少于500毫秒时会触发点击事件。长按监听器通过setOnLongClickListener方法设置。按钮被按住超过500毫秒时会触发长按事件。
几种常用的为Button控件设置点击事件的方式
//1.使用匿名内部类的方式设置点击事件 不占用内存
btn_click_single.setOnClickListener(new View.OnClickListener(){Overridepublic void onClick(View view){//......}
})//2.静态内部类写法 易造成内存泄露
Button btn_click_singlefindViewById(R.id.btn_click_single);
btn_click_single.setOnClickListener(new MyOnClickListener());
static class MyOnClickListener implements View.OnclickListener{Overridepublic void onClick(View v){//.......}
}//3.Activity实现OnClickListener接口的方式设置点击事件
btn_click_single.setOnClickListener(this);
Override
public void onClick(View v){if(v.getId()R.id.btn_click_single){//...}//或者switch (v.getId()){case R.id.btn_click_single://......break;}
}//4.lambda表达式
btn_click_single.setOnClickListener(v-{//......return ture;//返回true表示允许冒泡 false表示禁止冒泡
})
//长按事件只需要把setOnClickListener换为setOnLongClickListener禁用与恢复按钮 是否允许点击由enabled属性控制属性值为true时表示允许点击为false时表示不允许点击
ImageView
ImageView继承自View类它的功能用于显示图片或者显示Drawable对象。 图像视图展示的图片通常位于res/drawable***目录设置图像视图的显示图片有两种方式
在XML文件中通过属性android:src设置图片资源属性值格式形如“drawable/不含扩展名的图片名称”在Java代码中调用setImageResource方法设置图片资源方法参数格式形如“R.drawable.不含扩展名的图片名称”
ImageView本身默认图片居中fitCenter若要改变图片的显示方式可通过scaleType属性设定在Java代码中是setScaleType该属性的取值说明如下
XML中的缩放类型ScaleType类中的缩放类型说明fitXYFIT_XY拉伸图片使其正好填满视图图片会被拉伸变形fitStartFIT_START保持宽高比例拉伸图片使其位于视图上方或左侧fitCenterFIT_CENTER保持宽高比例拉伸图片使其位于视图中间fitEndFIT_END保持宽高比例拉伸图片使其位于视图下方或右侧centerCENTER保持图片原尺寸并使其位于视图中间centerCropCENTER_CROP拉伸图片使其充满视图并位于视图中间图片不会被拉伸变形多余部分会被裁减掉centerInsideCENTER_INSIDE保持宽高比例缩小图片使之位于视图中间只缩小不放大
ImageButton
ImageButton是显示图片的图像按钮但它继承自ImageView而非继承Button。 ImageButton和Button之间的区别有
Button即可显示文本也可显示图片ImageButton只能显示图片不能显示文本。ImageButton上的图像可按比例缩放而Button通过背景设置的图像会拉伸变形。Button只能靠背景显示一张图片而ImageButton可分别在前景和背景显示图片从而实现两张图片叠加的效果。
在某些场合有的字符无法由输入法打出来或者某些文字以特殊字体展示就适合先切图再放到ImageButton。 ImageButton和ImageView的区别有
ImageButton有默认的按钮背景ImageView默认无背景。ImageButton默认的缩放类型为center而ImageView默认的缩放类型为fitCenter。
同时展现文本和图像 1利用LinearLayout对ImageView和TextView组合布局。 2通过按钮控件Button的drawable***属性设置文本周围的图标。
drawableTop指定文字上方的图片drawableBottom指定文字下方的图片drawableLeft指定文字左边的图片drawableRight指定文字右边的图片drawablePadding指定图片与文字的间距