文本控件Text View
- layout_width="match_parent":宽度和父元素一样大
- layout_height="wrap_content":高度自适应
- textSize="25sp":文字的大小,这里使用sp作为单位
- textColor="#00FFFF":字体的颜色
- text="This is Textiew":文本内容
- gravity="center":对齐方式,这里是水平且居中
按钮 Button
-
textAllCaps="false"
: 由于系统默认会给英文字母转换为大写,这个属性就是禁用这个默认值 - 对按钮点击事件的监听
- 实现这个接口
View.OnClickListener
,重写这个onClick()
方法 - 注册一个监听器
- 实现这个接口
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main_layout);
// 这里注册一个监听器,点击的时候就会执行onCLick()里的方法
Button button1 = (Button)findViewById(R.id.but_1);
button1.setOnClickListener(this);
}
@Override
public void onClick(View v) {
// 这里获取对应的id,因为按钮不止一个
switch (v.getId()){
case R.id.but_1:
// 在这里添加逻辑代码
// 这里显示一句话
Toast.makeText(this,"you click button",Toast.LENGTH_SHORT).show();
break;
default:
break;
}
}
}
编辑框 Edit Text
- hint="请输入用户名":提示语句
- maxLines="2" : 最大的行数
- 当点击Button按钮的时候,把编辑框中的文字输出出来
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
// 先定义这个变量
private EditText edit1;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main_layout);
// 这里注册一个监听器,点击的时候就会执行onCLick()里的方法
Button button1 = (Button)findViewById(R.id.but_1);
button1.setOnClickListener(this);
//这个编辑器就没有必要注册一个监听器了
edit1 = (EditText)findViewById(R.id.edit_1);
}
@Override
public void onClick(View v) {
// 这里获取对应的id,
switch (v.getId()){
case R.id.but_1:
// 获取这个文本编辑框的内容
String text = edit1.getText().toString();
Toast.makeText(this,text,Toast.LENGTH_SHORT).show();
break;
default:
break;
}
}
}
图片 ImageView
在res的目录下新建一个drawable-xhdpi目录,把照片放入到这个目录中,这里的照片尽量用字母开头
- layout_width="wrap_content":这里的宽度和高度都是自适应这样照片可以完整的展示
- src="@drawable/img_1":图片的路径
- 绑定监听函数
package com.example.md.uiwidgettest;
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private ImageView img1;
//定义一个全局的变量,用来控制照片
private int flag = 0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main_layout);
Button button2 = (Button)findViewById(R.id.but_2);
button2.setOnClickListener(this);
img1 = (ImageView)findViewById(R.id.image_1);
}
@Override
public void onClick(View v) {
// 这里获取对应的id,因为按钮不止一个
switch (v.getId()){
case R.id.but_2:
if (flag == 0){
// 改变这个照片,当前的照片换成这个img_2
img1.setImageResource(R.drawable.img_2);
flag = 1;
}else {
img1.setImageResource(R.drawable.img_1);
flag = 0;
}
default:
break;
}
}
}
进度条 ProgressBar
Android控件的可见程度:
* 所有的android都有这个属性,可以通过android:visibility进行指定,有三种值
* visible
:表示这个控件是可见的,也是默认值
* invisible
:表示控件不可见,但是它仍然占据着原来的位置和大小,也就是透明的
* gone
:表示控件不仅不可见,而且不再占有任何屏幕空间
* 可以使用setVisibility()
方法,可以传入View.VISIBLE,View.INVISIBLE,View.GONE
改变这个进度条
package com.example.md.uiwidgettest;
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private ProgressBar pro1;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main_layout);
Button button3 = (Button)findViewById(R.id.but_3);
button3.setOnClickListener(this);
pro1 = (ProgressBar)findViewById(R.id.pro_1);
}
@Override
public void onClick(View v) {
// 这里获取对应的id,因为按钮不止一个
switch (v.getId()){
case R.id.but_3:
// 获取当前控件的值,若是不可见,就设置为可见
// 否则就设置为不可见
if(pro1.getVisibility() == View.GONE){
pro1.setVisibility(View.VISIBLE);
}else {
pro1.setVisibility(View.GONE);
}
default:
break;
}
}
}
当然了,还可以给这个控制条设置样式,刚才默认的圆形进度条,还可以指定为水平的
-
style="?android:attr/progressBarStyleHorizontal"
:指定样式为水平 - max="100":最大长度为100
- 动态的修改进度条
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private ProgressBar pro2;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main_layout);
Button button4 = (Button)findViewById(R.id.but_4);
button4.setOnClickListener(this);
pro2 = (ProgressBar)findViewById(R.id.pro_2);
}
@Override
public void onClick(View v) {
// 这里获取对应的id,因为按钮不止一个
switch (v.getId()){
case R.id.but_4:
// 获取当前进度条的长度,进行添加,再设置
int progress = pro2.getProgress();
progress += 10;
pro2.setProgress(progress);
default:
break;
}
}
}
点击按钮增加长度
SeekBar拖动条
- 常见的属性:
- Seekbar:拖动条可以由用户控制,进行拖动
- android:max:设置拖动条的最大值
- android:progress:设置当前的进度值
- android:secondaryProgress:设置第二进度值,通常用于显示视频缓冲效果
- android:thumb:设置滑块的图样
- android:progressDrawable:设置进度条的图样
- 在java代码中
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main_layout);
SeekBar seekBar = (SeekBar)findViewById(R.id.seek_1);
seekBar.setMax(10);
seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
// 用于监听SeekBar进度值的改变
@Override
public void onProgressChanged(SeekBar seekBar, int i, boolean b) {
Log.d("SeekBar","进度值"+i);
}
// 用于监听SeekBar开始拖动
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
Log.d("SeekBar","开始拖动");
}
// 用于监听SeekBar停止拖动
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
Log.d("SeekBar","停止拖动");
}
});
}
}
对话框AlertDialog
AlertDiaLog可以在当前的界面弹出一个对话框,这个对话框是置顶与所有界面元素之上的,能够屏蔽掉其他控件的交互能力,因此AlertDialog一般都是用于提示一些非常重要的内容或者警告信息,比如为了防止用户删除重要的内容,在删除前弹出一个确认对话框
点击这个按钮弹出对话框
通过这个AlertDialog.Builder创建一个实例
AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);
设置对应的内容
dialog.setTitle("这是一个警告框");
dialog.setMessage("确定要删除吗?");
setPositiveButton()
设置确定按钮对应的点击事件setNegativeButton()
设置取消按钮对应的点击事件这里要注意的就是setCancelable(),如果传入的是false,那么表示ProgressDialog是不能通过Back键取消的
最后把这个程序显示出来
dialog.show()
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main_layout);
Button button5 = (Button)findViewById(R.id.but_5);
button5.setOnClickListener(this);
}
@Override
public void onClick(View v) {
// 这里获取对应的id,因为按钮不止一个
switch (v.getId()){
case R.id.but_5:
// 通过这个AlertDialog.Builder创建一个实例
AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);
dialog.setTitle("这是一个警告框");
dialog.setMessage("确定要删除吗?");
// 设置确定按钮对应的点击事件
dialog.setPositiveButton("ok", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(MainActivity.this,"删除成功",Toast.LENGTH_SHORT).show();
}
});
// 设置取消按钮对应的点击事件
dialog.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(MainActivity.this,"取消删除",Toast.LENGTH_SHORT).show();
}
});
//最后把这个程序显示出来
dialog.show();
break;
default:
break;
}
}
}
ProgressDialog
ProgressDialog和AlertDialog有点类似,都可以在页面中弹出一个对话框,能够屏蔽其他控件的能力,不同的是这个会在对话框中显示一个进度条,一般用于表示当前操作比较耗时,让用户耐心等待,语法和AlertDialog很相似
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main_layout);
Button button6 = (Button)findViewById(R.id.but_6);
button6.setOnClickListener(this);
}
@Override
public void onClick(View v) {
switch (v.getId()){
case R.id.but_6:
ProgressDialog progressDialog = new ProgressDialog(MainActivity.this);
progressDialog.setTitle("请耐心等待");
progressDialog.setMessage("Loading...");
progressDialog.setCancelable(true);
progressDialog.show();
break;
default:
break;
}
}
}
这里要注意的就是setCancelable(),如果传入的是false,那么表示ProgressDialog是不能通过Back键取消的
自动文本框的使用
- 常用属性
-
android:completionThreshold
:至少输入多少个字符才会显示 -
android:dropDownHeight
:设置下拉菜单的高度
-
- 创建布局文件activity_main.xml
- 设置下拉菜单的文本布局(这个布局用于下拉菜单)auto.xml
注意这里只有一个文本
- 设置下拉菜单的文本资源 res/values/arrays.xml
- sahnghai
- shanxi
- shand
- sxnakndfasdkj
- 进行绑定,在MainActivity中
public class Main5Activity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main5);
// 获取到数据,这个数据写在res/values/arrags
String data[] = getResources().getStringArray(R.array.provine_data);
// 获取到每一列的布局使用的这个数组适配器,
// 传入的数据是当前这个,和定义布局的xml文件,数据
ArrayAdapter adapter = new ArrayAdapter(this,R.layout.auto,data);
// 获取到这个自动文本框
AutoCompleteTextView v = (AutoCompleteTextView)findViewById(R.id.auto_1);
// 绑定到这个自动文本框中
v.setAdapter(adapter);
}
}
参考文献:第一行代码