环球外贸专业网站优化排名
页面设计的零碎知识
- 通用属性
- 设置文本大小
- 设置视图宽高
- 设置视图的对齐方式
- 页面布局
- LinearLayout
- RelativeLayout
- GridLayout
- ScollView
- 按钮触控
- Button
- ImageView
- ImageButton
通用属性
设置文本大小
纯数字的setTextSize方法，内部默认字体单位为sp，sp是Android推荐的字号单位
sp专门用来设置字体大小，在系统设置中可以调整字体大小
设置视图宽高
宽高的取值主要有下列三种：
- match_parent：表示与上级视图保持一致
- wrap_content：表示与内容自适应
- 以dp为单位的具体尺寸
在代码中设置视图宽高：
//.java文件
TextView tv_code=findViewById(R.id.tv_code);
//获取tv_code的布局参数（含高度和宽度）
ViewGroup.LayoutParams params=tv_code.getLayoutParams();
//修改布局参数中的宽度数值，注意默认为px单位
params.width=30
//调用控件对象的setLayoutParams方法，填入修改后的布局参数使之生效
tv_code.setLayoutParams(params)
设置视图的对齐方式
设置视图的对齐方式有两种途径：
- 采用layout_gravity属性，它指定了当前视图相对于上级视图的对齐方式
- 采用gravity属性，它指定了下级视图相对于当前视图的对齐方式
注：两个属性的取值包括：left、top、right、bottom，还可以用竖线连接各取值，例如“left|top”表示即靠左又靠上，也就是朝左上角对齐
例如：
<!--水平和竖直方向都居中-->
<TextViewandroid:gravity="center"/>
页面布局
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_parent - HorizontalScrollView，它是水平方向的滚动视图；水平方向滚动时，
layout_width属性值设置为wrap_content，layout_height属性值设置为match_parent
<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><HorizontalScrollViewandroid:layout_width="wrap_content"android:layout_height="300dp"><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="match_parent"android:orientation="horizontal"><Viewandroid:layout_width="300dp"android:layout_height="wrap_content"android:background="@color/white"/><Viewandroid:layout_width="300dp"android:layout_height="match_parent"android:background="@color/black"/></LinearLayout></HorizontalScrollView><ScrollViewandroid:layout_width="match_parent"android:layout_height="wrap_content"><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="match_parent"android:orientation="vertical"><Viewandroid:layout_width="match_parent"android:layout_height="400dp"android:background="#0eeeef"/><Viewandroid:layout_width="match_parent"android:layout_height="500dp"android:background="#0000ff"/></LinearLayout></ScrollView>
</LinearLayout>
效果图
按钮触控
Button
按钮控件Button由TextView派生而来，它们之间的区别有：
- Button拥有默认的按钮背景，而TextView默认无背景
- Button的内部文本默认居中对齐，而TextView的内部文本默认靠左对齐
- Button会默认将英文字母转为大写，而TextView保持原始的英文大小写
注：Button取消字母全部大写：
android:textAllCaps="false"
按钮控件有两种常用的监听器：
- 点击监听器，通过
setOnClickListener方法设置。按钮被按住少于500毫秒时，会触发点击事件。 - 长按监听器，通过
setOnLongClickListener方法设置。按钮被按住超过500毫秒时，会触发长按事件。
几种常用的为Button控件设置点击事件的方式
//1.使用匿名内部类的方式设置点击事件 不占用内存
btn_click_single.setOnClickListener(new View.OnClickListener(){@Overridepublic void onClick(View view){//......}
})//2.静态内部类写法 易造成内存泄露
Button btn_click_single=findViewById(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类中的缩放类型 | 说明 |
|---|---|---|
| fitXY | FIT_XY | 拉伸图片使其正好填满视图（图片会被拉伸变形） |
| fitStart | FIT_START | 保持宽高比例，拉伸图片使其位于视图上方或左侧 |
| fitCenter | FIT_CENTER | 保持宽高比例，拉伸图片使其位于视图中间 |
| fitEnd | FIT_END | 保持宽高比例，拉伸图片使其位于视图下方或右侧 |
| center | CENTER | 保持图片原尺寸，并使其位于视图中间 |
| centerCrop | CENTER_CROP | 拉伸图片使其充满视图，并位于视图中间（图片不会被拉伸变形，多余部分会被裁减掉） |
| centerInside | CENTER_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：指定图片与文字的间距