Android基础控件(EditView、SeekBar等)的使用方法
android提供了大量的UI控件,本文将介绍TextView、ImageView、Button、EditView、ProgressBar、SeekBar、ScrollView、WebView的使用方法。在介绍各种控件之前,先简单介绍androidUI控件最基本的几种属性:
id:id是控件唯一标识符,可通过**findViewById(R.id.*)**操作控件。
layout_width:控件宽度,可设置为match_parent(充满父布局,即让父布局决定当前控件的宽度)、wrap_content(恰好包住里面的内容)、具体值(一般以dp作为单位)。
layout_width:控件高度,可设置为match_parent、wrap_content、具体值。
visibility:可见与否,有三个可选值:visible(可见,不设置该属性为默认值)、invisible(透明,仍在屏幕上占据空间)、gone(不可见,不占据空间)。
1.TextView(文本)
TextView可以说是最简单的控件了。
1.1基本属性
<!--res/layout/activity_main.xml--> <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:id="@+id/text" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:textSize="30sp" android:textColor="#334433" android:text="@string/app_name" /> </LinearLayout>
text:text属性即显示出来的文字,@string/app_name表示引用资源文件res/values/strings.xml中的app_name,也可以直接写内容。
<!--res/values/strings.xml--> <resources> <stringname="app_name">UIExample</string> <stringname="title_activity_main">MainActivity</string> </resources>
gravity:对TextView中内容位置的设定,可选值为top、bottom、left、right、center等。可以为多个值,例如希望文字位于该TextView的右下角,设置为gravity="right|bottom",用|隔开
textSize与textColor文字大小与颜色。
id:这里用了"\@+id/text",表示给id分配一个唯一标识符text,与引用类似,多了一个+。
1.2定义style
假如上面的样式是标题的样式,且被重复使用多次。如果每个标题都这样定义样式,不但增加工作量,而且会使用修改变得很困难,这种情况下,将style抽象出来能解决这个问题。
这与Web开发中CSS的作用如出一辙。
<!--res/values/styles.xml增加TextTitle--> <resources> ... <stylename="TextTitle"> <itemname="android:textColor">#334433</item> <itemname="android:textSize">30sp</item> <itemname="android:gravity">center</item> </style> </resources> <!--res/layout/activity_main.xml将TextView作如下修改即可--> <TextView android:id="@+id/text" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/app_name" style="@style/TextTitle" />
1.3动态操作
//使用代码动态设置TextView中的文本内容 publicclassMainActivityextendsActivity{ @Override protectedvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //通过findViewById,获取TextView的实例。 //使用setText()与getText()赋值和取值。 TextViewtextView=(TextView)findViewById(R.id.text); textView.setText("HelloWorld!"); Log.d("MainActivity",textView.getText().toString()); } }
2.ImageView(图片)
有文本,自然少不了图片。
<ImageView android:id="@+id/image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/test_image" />
id:若不在java代码中动态操作,id属性可以省略。
src:即定义显示的图片,将需要加载的图片放置在res/drawable/目录下即可。
//调用setImageResource()方法即可。 //需要加载的图片复制到res/drawable/目录下。 ImageViewimageView=(ImageView)findViewById(R.id.image); imageView.setImageResource(R.drawable.test_image2);
3.Button(按钮)
3.1基本样式
<Button android:id="@+id/button_1" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="IAmAButton" />
text:text即按钮上的提示内容
3.2点击事件
3.2.1为点击事件注册监听器
//第12行,注册监听器OnClickListener,复写onClick()函数。 publicclassMainActivityextendsActivity{ privateTextViewtextView; @Override protectedvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); textView=(TextView)findViewById(R.id.text); Buttonbutton=(Button)findViewById(R.id.button_1); button.setOnClickListener(newView.OnClickListener(){ @Override publicvoidonClick(Viewv){ //...省略点击事件 //例如:textView.setText("HelloWorld"); } }); } }
3.2.2实现接口OnClickListener
//第14行,将点击事件绑定到this //第17行,复写接口OnClickListener的onClick()方法 //java中只能继承一个类,接口可以看作java的多继承方式 publicclassMainActivityextendsActivityimplementsView.OnClickListener{ privateTextViewtextView; @Override protectedvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); textView=(TextView)findViewById(R.id.text); Buttonbutton=(Button)findViewById(R.id.button_1); button.setOnClickListener(this); } @Override publicvoidonClick(Viewview){ //根据id判断,若一个活动中有多个控件需绑定点击事件 //使用该方式,该方法简洁直观 switch(view.getId()){ caseR.id.button_1: //...省略点击事件 //例如:textView.setText("HelloWorld!"); break; default: break; } } }
4.EditText(输入框)
4.1基本样式
<EditText android:id="@+id/edit" android:layout_width="match_parent" android:layout_height="wrap_content" android:maxLines="3" android:hint="PleaseInput..." />
maxLines:指定输入框的最大行号为3行,超过3行后,文本将向上滚动,EditText不会继续被拉伸。如果不指定,EditText将随着输入内容的增加而被拉伸。
hint:类似Html中的placeholder,用于输入框的提示。
4.2获取输入内容
//点击按钮,打印输入的内容。 publicclassMainActivityextendsActivity{ @Override protectedvoidonCreate(BundlesavedInstanceState){ //... Buttonbutton=(Button)findViewById(R.id.button_1); finalEditTexteditText=(EditText)findViewById(R.id.edit); button.setOnClickListener(newView.OnClickListener(){ @Override publicvoidonClick(Viewv){ //使用getText()方法获取editText的内容 Stringinput_text=editText.getText().toString(); Log.d("MainActivity",input_text); } }); } }
5.ProgressBar(进度条)
5.1圆形进度条
<ProgressBar android:id="@+id/progress_bar" android:layout_width="match_parent" android:layout_height="wrap_content" android:visibility="gone" />
visibility:visible(可见)、invisible(透明,占据空间)、gone(不可见,不占据空间),初始值设置为不可见。
//一般比较耗时的工作,会暂时显示进度条,工作完成后,进度条消失 //以下代码模拟该过程 publicclassMainActivityextendsActivityimplementsView.OnClickListener{ privateProgressBarprogressBar; @Override protectedvoidonCreate(BundlesavedInstanceState){ //... Buttonbutton=(Button)findViewById(R.id.button_1); progressBar=(ProgressBar)findViewById(R.id.progress_bar); button.setOnClickListener(this); } @Override publicvoidonClick(Viewview){ switch(view.getId()){ caseR.id.button_1: //点击按钮后,如果当前状态可见,则变为不可见 //如不可见,则变为可见 if(progressBar.getVisibility()==View.GONE){ progressBar.setVisibility(View.VISIBLE); }else{ progressBar.setVisibility(View.GONE); } break; default:break; } } }
5.2水平进度条
<ProgressBar android:id="@+id/progress_bar" android:layout_width="match_parent" android:layout_height="wrap_content" android:max="100" style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal" />
style:设置style为水平样式,其他样式可以自己尝试。
//将onClick()改为 @Override publicvoidonClick(Viewview){ switch(view.getId()){ caseR.id.button_1: //获取当前进度值,每次点击进度值+10 intprogress=progressBar.getProgress(); progressBar.setProgress(progress+10); default:break; } }
6.SeekBar(滑动条)
6.1基本样式
<SeekBar android:id="@+id/seek_bar" android:layout_width="match_parent" android:layout_height="wrap_content" android:max="100" android:progress="50" /> <TextView android:id="@+id/text" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" />
max:滑动条的最大值,设置为100
progress:初始化滑动条的值,设置为50
6.2注册滑动监听器
publicclassMainActivityextendsActivity{ privateTextViewtextView; @Override protectedvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); textView=(TextView)findViewById(R.id.text); SeekBarseekBar=(SeekBar)findViewById(R.id.seek_bar); //设置滑动监听器,复写三个事件函数,分别是值改变、开始滑动、结束滑动 seekBar.setOnSeekBarChangeListener(newSeekBar.OnSeekBarChangeListener(){ @Override publicvoidonProgressChanged(SeekBarseekBar,intprogress, booleanfromUser){ if(fromUser){ //用户主动滑动,值改变时触发该事件 textView.setText("用户正在滑动,当前值:"+progress); } } @Override publicvoidonStartTrackingTouch(SeekBarseekBar){ Log.d("MainActivity","开始滑动时触发该事件"); } @Override publicvoidonStopTrackingTouch(SeekBarseekBar){ Log.d("MainActivity","结束滑动时触发该事件"); } }); } }
7.SrollView(可滚动视图)
<ScrollView android:layout_width="wrap_content" android:layout_height="wrap_content"> <!--...省略其他控件--> <TextView android:id="@+id/text" android:layout_width="match_parent" android:layout_height="wrap_content" /> </ScrollView>
当TextView的内容过多时(一页显示不完),这时使用ScrollView可以使页面变为可垂直滚动模式,垂直滚动看完所有内容。
8.WebView(浏览器)
<WebView android:id="@+id/web_view" android:layout_width="match_parent" android:layout_height="match_parent" />
在AndroidManifest.xml中加入访问网络的权限
<manifest...> <application...> ... </application> <uses-permissionandroid:name="android.permission.INTERNET"/> </manifest>
publicclassMainActivityextendsActivity{ @Override protectedvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); WebViewwebView=(WebView)findViewById(R.id.web_view); //允许执行javasript webView.getSettings().setJavaScriptEnabled(true); //设置代理,复写shouldOverrideUrlLoading函数 webView.setWebViewClient(newWebViewClient(){ @Override publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){ view.loadUrl(url);//加载网页 returntrue;//true表示使用当前WebView打开网页,不使用系统浏览器 } }); webView.loadUrl("https://www.nhooo.com"); } }
运行程序,类似于一个打开了网页的浏览器,只是缺少网址输入框。
以上就是本文的全部内容,希望对大家的学习有所帮助。