【063】◀▶ Android (I) - 控件和布局
●·● 目录：
package: android.widget
Android UI controls
A½ ………… View 类
A1 ………… TextView 类
A2 ………… Button 类
A3 ………… EditText 类
A4 ………… RadioGroup 类
A5 ………… RadioButton 类
A6 ………… CheckBox 类
A7 ………… ProgressBar 类
A8 ………… ListView 类
ExpandableListView 类
A9 ………… Spinner 类
Aa ………… SeekBar 类
Ab ………… RatingBar 类
Ac ………… ImageView 类
Ad ………… Toast 类
Ae ………… WebView 类
Af …………ToggleButton 类
Ag …………AutoCompleteTextView 类
Ah …………TimePicker 类
Android layout controls
D1 ………… FrameLayout 类
D1¼ …………ScrollView 类
D1½ …………HorizontalScrollView 类
D2 ………… LinearLayout 类
D3 ………… RelativeLayout 类
D4 ………… GridView 类
D6 ………… TableLayout 类
D7 ………… TableRow 类
---------------------------------------------------------------------------------------------------------
╔═════════╗
╠════╣ 第A½个 ╠══════════════════════════════════════════════════╣
╚═════════╝
●·● View 类：
1. 其它控件的基类，此类具有的方法属性，继承自它的类就都有。
2. View XML Attributes：
- android:focusable：控件在默认情况下是是不能获取焦点的, 只有设置为 true 后才可以. 例如 EditText 是默认可以获取焦点的, 若是不想运行程序后立刻被 EditView 获取焦点, 则可以对 LinearLayout 或是 RelativeLayout 设置此属性为 true.
- android:focusableInTouchMode：可以通过touch来获得focus(true).
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第A1个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● TextView 类：
1. 文字显示, 类似标签.
2. TextView XML Attributes：
- android:autoLink：超链接. (none, web, email, phone, map, all)
- android:ellipsize：省略号位置. (none, start, middle, end, marquee)
- android:id：唯一标识符.
- android:text：显示的文本内容.
- android:textSize：文本字体大小. (单位 sp)
- android:background：背景颜色.
- android:singleLine：将控件中的所有内容是否显示在一行中.
- android:layout_width：布局宽度.
- android:layout_height：布局高度.
- android:layout_weigh：线性布局控件大小所占的比重.
- android:gravity：对齐, 控件内部文本的对齐方式. 对于 LinearLayout 来说, 则是其内部的控件的对齐方式.
- android:layout_gravity：控件本身在父控件中的对齐方式.
※ 参考：Android中gravity与layout_gravity的区别 - android:paddingLeft：左边的填充宽度. (单位 dip)【内边距】
- android:paddingTop：上边的填充宽度.
- android:paddingRight：右边的填充宽度.
- android:paddingBottom：下边的填充宽度.
- android:padding：上下左右四边的填充宽度.
- android:marginLeft：左边缘宽度.【外边距】
- android:marginTop：上边缘宽度.
- android:marginRight：右边缘宽度.
- android:marginBottom：下边缘宽度.
- android:margin：上下左右四个边缘宽度.
3. TextView Methods：
- setTypeface(Typeface tf)：Style (bold, italic, bolditalic) for the text.
Typeface.BOLD
Typeface.BOLD_ITALIC
Typeface.ITALIC
Typeface.NORMAL - setTextColor(int)：通过 Color 类的方法和常量来赋值.
- setbackground(int)：通过 Color 类的方法和常量来赋值.
- getWidth()：返回值：final int. 返回控件的宽度. (像素值)
- getHeight()：返回值：final int. 返回控件的高度.
设置字体颜色：
textView.setText(Html.fromHtml("少就看到<font color=red>乐肤洁</font>积分了")); 跑马灯效果：
android:ellipsize="marquee" android:marqueeRepeatLimit="marquee_forever" android:singleLine="true" android:focusable="true" android:focusableInTouchMode="true" ※ 参考：android TextView属性详解
※ 参考：Android的TextView属性XML详解
☀☀☀<< 举例 >>☀☀☀
控件距离单位 - dip & 字体大小单位 - sp 举例：
效果：
实现代码：
dip & sp 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:background="#000000" android:padding="5dip" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingBottom="5dip" android:textColor="#00FF00" android:text="距离展示：" /> <Button android:id="@+id/button1" android:layout_width="150dip" android:layout_height="50dip" android:text="150dip*50dip" /> <Button android:id="@+id/button2" android:layout_width="250dip" android:layout_height="35dip" android:text="250dip*35dip" /> <Button android:layout_width="match_parent" android:layout_height="50dip" android:textSize="15sp" android:text="textSize=15sp" /> <Button android:layout_width="match_parent" android:layout_height="50dip" android:textSize="20sp" android:text="textSize=20sp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#00FF00" android:textSize="25sp" android:text="textSize=25sp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#00FF00" android:textSize="30sp" android:text="textSize=30sp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#00FF00" android:textSize="40sp" android:text="textSize=40sp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#00FF00" android:textSize="50sp" android:text="textSize=50sp" /> </LinearLayout>
根据 pixels = dp * (dpi / 160) 对于相同的 dp 来说，dpi 越大，分辨率越高（屏幕显示越精细），相对应的 pixel 就越大，但是显示的宽度不会有太大的变化，从而达到在不同分比率中显示。
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第A2个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● Button 类：
1. 按钮.
若是想在其他的方法中调用某个按钮被电击的事件所产生的效果, 可以这样实现：首先要写好 button1 监听类的内容, 然后直接 new 一个监听类, 然后调用内部的 onClick() 方法, 将 button1 传递为参数即可实现. (performClick)
public class showButtonListener implements OnClickListener //监听类.{...}new showButtonListener().onClick(showButton); //实现 showButton 被点击.
2. Button XML Attributes：
- android:layout_column：控件在 TableLayout 中指定索引的列中显示.
- android:onclick：点击事件的名称.
在 XML 中将 *.java 中的方法名称写入即可, 然后在 *.java 中实现此方法
→ XML：android:onClick="onClick"
→ java：public void onClick(View v) {} 在内部写入想要实现的功能即可将两者关联起来.
上面方法中的参数 v 就指代此 button 控件.
3. Button Method：
- performClick()：调用该按钮的点击事件, 前提已经有定义.
- SetOnClickListener(View.OnClickListener l)：设置点击按钮的监听器.
实现按钮点击 public class Handler_Exer extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_handler__exer); Button buttonStart = (Button)findViewById(R.id.button01); //获取开始按钮 buttonStart.setOnClickListener(new StartButtonListener()); //设置开始按钮的点击事件 } class StartButtonListener implements OnClickListener{ //此类的 onClick 方法中写入要实现的功能, 实现 OnClickListener 接口 public void onClick(View v) { // TODO Auto-generated method stub system.out.println("Start"); //点击开始按钮实现的功能 } }}
---------------------------------------------------------------------------------------------------------
╔═════════╗
╠════╣ 第A2½个 ╠══════════════════════════════════════════════════╣
╚═════════╝
●·● ImageButton 类：
1. 图片按钮.
2. ImageButton XML Attributes：
- android:src：用来设置显示图片的. →setImageResource(int)
- android:alpha：0 完全透明, 1 弯曲不透明 → setAlpha(float)
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第A3个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● EditText 类：
1. 文本框.
2. EditText XML Attributes：
- android:hint="请输入数字！"//设置显示在空间上的提示信息
- android:editable="true"//设置是否可以编辑
- android:ellipsize：文字满了用省略号代替.(none, start, middle, end, marquee)
- android:inputType：输入类型.(none, text...)
- android:numeric="integer"//设置只能输入整数，如果是小数则是：decimal，正负数是：signed，交叉的话用"|"隔开即可.
- android:singleLine="true"//设置单行输入，一旦设置为true，则文字不会自动换行。
- android:password="true"//设置只能输入密码
- android:textColor = "#ff8c00"//字体颜色
- android:textStyle="bold"//字体，bold, italic, bolditalic
- android:textSize="20dip"//大小
- android:capitalize = "characters"//以大写字母写, none, sentences(句子第一个字母大写), words(单词第一个字母大写), characters(每个字母都大写)
- android:textAlign="center"//EditText没有这个属性，但TextView有，居中
- android:textColorHighlight="#cccccc"//被选中文字的底色.
- android:textColorHint="#ffff00"//设置提示信息文字的颜色，默认为灰色
- android:textScaleX="1.5"//字符的大小在 X 方向上的缩放, 大于一变宽, 小于一变窄.
- android:typeface="monospace"//字型，normal(常规), sans(与常规很想), serif(类似宋体), monospace(比较细长的等线体)
- android:background="@null"//背景，这里没有，指透明
- android:layout_weight="1"//权重，控制控件之间的地位,在控制控件显示的大小时蛮有用的。
- android:layout_gravity="center_vertical"//设置控件显示的位置：默认top，这里居中显示.
- android:minWidth：控件最小宽度.
- android:maxWidth：
- android:minHeight：控件最小高度.
- android:maxHeight：
- android:maxLength：最大输入长度
- android:minLines：最少行数.
- android:maxLines：
- android:drawableLeft：在编辑框左侧显示图片.
- android:drawableRight：在编辑框右侧显示图片.
3. EditText Methods：
- setOnFocusChangeListener(OnFocusChangeListener l)：EditView 的焦点发生变化的时候触发.
里面方法：onFocusChange(View v, boolean hasFocus), v 是此控件, hasFocus 返回是否聚焦.
※ 参考：Android开发EditText属性
※ 参考：android中的ellipsize
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第A4个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● RadioGroup 类：
1. 一个 RadioButton 的组.
2. RadioGroup XML Attributes：
- android:checkedButton：="@+id/radiobutton1", 注意有"+"号, 默认选中的单选按钮.
→ getCheckedRadioButtonId() - android:orientation：horizontal & vertical. → setOrientation(int)
3. RadioGroup Methods：
- setOnCheckedChangeListener(RadioGroup.OnCheckedChangeListener lister)：设置单选按钮点击的监听器.
- check(int id)：Sets the selection to the radio button whose identifier is passed in parameter.
- clearCheck()：Clears the selection.
- CheckedRadioButtonId()：Returns the identifier of the selected radio button in this group.
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第A5个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● RadioButton 类：
1. 单选按钮.
2. RadioButton XML Attributes：
- android:checked：是否选中.
3. RadioButton Methods：
- getId()：返回值：int. Returns this view's identifier.
- isChecked()：返回值：boolean.
- setChecked(boolean checked)：Change the checked state of the view.
- toggle()：Change the checked state of the view to the inverse of its current state.
※ 参考：Android---RadioButton（单选按钮）详解
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第A6个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● CheckBox 类：
1. 复选框.
<CheckBox android:id="@+id/star" style="?android:attr/starStyle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Star" />
通过点击五角星, 以颜色来区分是否选中!
2. CheckBox Methods：
- setOnClickListener(View.OnClickListener l)：被点击的时候触发.
- setOnCheckedChangeListener(CompoundButton.OnCheckedChangeListener listener)：当复选框的选择状态发生变化的时候触发.
- getId()：返回值：int. Returns this view's identifier.
- isChecked()：返回值：boolean.
- setChecked(boolean checked)：Change the checked state of the view.
- toggle()：Change the checked state of the view to the inverse of its current state.
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第A7个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● ProgressBar 类：
1.Visual indicator of progress in some operation.
2. ProgressBar XML Attributes：
- android:progress：定义一个默认的进度值，0和最大值之间的值.
- android:secondaryprogress：
- android:visibility：定义进度条的可见性. (visible(可见), invisible, gone(完全不可见))
invisible 只是隐藏, 控件的空间还是存在的, 只是隐藏罢了, gone 则是完全没了, 空间也不在了! - android:max：定义进度条的最大值.
- style="?android:attr/progressBarStyleLarge" //大圆圈
- style="?android:attr/progressBarStyleSmall" //小圆圈
- style="?android:attr/progressBarStyleHorizontal" //水平进度条
3. ProgressBar Methods：
- getMax()：返回值：int. 返回进度条范围的最大值.
- getProgress()：返回值：int. 获取进度条的当前进度.
- getSecondaryProgress()：返回值：int. 获取第二进度条的当前进度.
- incrementProgressBy(int diff)：给进度条增加指定数量的进度.
- incrementSecondaryProgressBy(int diff)：给第二进度条增加指定数量的进度.
- setMax(int max)：给进度条设置最大值.
- setProgress(int progress)：给进度条设置进度.
- setSecondaryProgress(int secondaryProgress)：给第二进度条设置进度.
- setVisibility(int v)：设置进度条的可见性. (View.VISIBLE, INVISIBLE, GONE)
※ 参考：Android进度条(ProgressBar)应用实例
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第A8个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● ListView 类：
1.A view that shows items in a vertically scrolling list.
2. ListView Constructors：
- ListView(Context context)：
3. ListView XML Attributes：
- android:drawSelectorOnTop：选中的时候是否覆盖选中项, 一般选择 false.
- android:scrollbars：滚动条显示方式.
4. ListView Methods：
- setAdapter(ListAdapter adapter)：将数据加到 ListView 内部.
●·● ExpandableListView 类：
※ 参考：【068】 Android ListView & ExpandableListView
public class listAc extends ExpandableListActivity{ //继承与ExpandableListActivity @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); List<Map<String, String>> groups = new ArrayList<Map<String,String>>(); //一级目录数据 "group" Map<String, String> mapGroups = new HashMap<String, String>(); mapGroups.put("group", "Group One"); groups.add(mapGroups); mapGroups = new HashMap<String, String>(); mapGroups.put("group", "Group Two"); groups.add(mapGroups); List<Map<String, String>> child1 = new ArrayList<Map<String,String>>(); //一级目录第一个选项的内容部分 "child" Map<String, String> child1Data = new HashMap<String, String>(); child1Data.put("child", "Child1 One"); child1.add(child1Data); child1Data = new HashMap<String, String>(); child1Data.put("child", "Child1 Two"); child1.add(child1Data); List<Map<String, String>> child2 = new ArrayList<Map<String,String>>(); //一级目录第二个选项的内容部分 "child" Map<String, String> child2Data = new HashMap<String, String>(); child2Data.put("child", "child2 One"); child2.add(child2Data); child2Data = new HashMap<String, String>(); child2Data.put("child", "child2 Two"); child2.add(child2Data); List<List<Map<String, String>>> children = new ArrayList<List<Map<String, String>>>(); //二级目录数据 "child" children.add(child1); children.add(child2); SimpleExpandableListAdapter adapter = new SimpleExpandableListAdapter( listAc.this, //1. context groups, //2. 一级目录数据 R.layout.group, //3. 一级布局 new String[]{"group"}, //4. 一级key new int[]{R.id.groupItem}, //5. 一级控件 children, //6. 二级目录数据 R.layout.child, //7. 二级布局 new String[]{"child"}, //8. 二级key new int[]{R.id.childItem}); //9. 二级控件 setListAdapter(adapter); }}
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第A9个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● Spinner 类：
1. 下拉列表.
2. Spinner XML Attributes：
- android:prompt：弹出下拉列表的提示内容.
- android:spinnerMode：dropdown - 下拉菜单. dialog - 对话框形式.
3. Spinner Methods：
- getSelectItem()：返回值：Object. toString() 方法可以获取 Spinner 所显示的文本.
- getSelectItemId()：返回值：long.
- getSelectItemPosition()：返回值：int.
- getSelectView()：返回值：View.
- setAdapter(SpinnerAdapter adapter)：建立数据连接.
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_single_choice, presidents);ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, presidents);
- setOnItemClickListener(AdapterView.OnItemClickListener)：
onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3)： - setOnItemSelectedListener(AdapterView.OnItemSelectedListener)：选择.
onItemSelected(AdapterView<?> arg0, View arg1, int arg2, long arg3)：选择后触发, 第三个参数, 条目索引.
onNothingSelected(AdapterView<?> arg0)：
- setPrompt(CharSequence prompt)：设置提示
- getCount()：
创建一个 Spinner 的步骤：
- 在布局文件当中声明：<Spinner>
- 在 string.xml 当中声明一个数组：<string-array>
- 创建一个 ArrayAdapter：(默认显示样式 & 下拉菜单中每个 item 的样式)
- 得到 Spinner 对象, 并设置数据：建立连接 & 提示.
※ 参考：Android Spinner实例
※ 参考：Android Spinner的五个部分
☀☀☀<< 举例 >>☀☀☀
效果：
首先在 strings.xml 中加入字符串数组：
View Code <string-array name="planets_array"> <item>Mercury</item> <item>Venus</item> <item>Earth</item> <item>Mars</item> <item>Jupiter</item> <item>Saturn</item> <item>Uranus</item> <item>Neptune</item> </string-array>
在 MainActivity.java 中写入如下代码：
View Code public class MainActivity extends Activity {public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); Spinner spinner = (Spinner) findViewById(R.id.spinnerId); //查找 ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(this, //加入数据并建立显示样式 R.array.planets_array, android.R.layout.simple_spinner_item); adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item); //下拉列表每一项的样式 spinner.setAdapter(adapter); //建立连接 }}
同样可以这样实现, 自己建立 list
View Code public class MainActivity extends Activity { public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); List<String> list = new ArrayList<String>(); list.add("Monday"); list.add("Tuesday"); list.add("Wednesday"); list.add("Thursday"); list.add("Friday"); Spinner spinner = (Spinner)findViewById(R.id.spinner1); ArrayAdapter adapter = new ArrayAdapter(MainActivity.this, android.R.layout.simple_spinner_item, list); //构造函数中加入 adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item); //定义下拉样式, 默认与上面相同 spinner.setAdapter(adapter); }
效果(右面图示)：
代码：
item.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:padding="10dip" android:text="weekday ------ " /> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toRightOf="@id/textView2" android:layout_alignBaseline="@id/textView2" android:textSize="20sp" android:text="Large Text" /></RelativeLayout>
MainActivity.java public class MainActivity extends Activity { public List<String> list; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); list = new ArrayList<String>(); list.add("Monday"); list.add("Tuesday"); list.add("Wednesday"); list.add("Thursday"); list.add("Friday"); Spinner spinner = (Spinner)findViewById(R.id.spinner1); ArrayAdapter adapter = new ArrayAdapter(MainActivity.this, R.layout.item, R.id.textView2, list); //adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item); spinner.setAdapter(adapter); spinner.setPrompt("Choose a day:"); spinner.setOnItemSelectedListener(new Spinner.OnItemSelectedListener() { public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2, long arg3) { Toast.makeText(MainActivity.this, list.get(arg2).toString(), Toast.LENGTH_SHORT).show(); } public void onNothingSelected(AdapterView<?> arg0) { } }); }}
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第Aa个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● Seekbar 类：
1. 可以手动拉动的进度条.
2. Seekbar Attributes：
- setOnSeekBarChangeListener(SeekBar.OnSeekBarChangeListener l)：
View Code public class MainActivity extends Activity { public SeekBar seekBar; public TextView textView; public TextView textView2; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); seekBar = (SeekBar)findViewById(R.id.seekBar1); textView = (TextView)findViewById(R.id.textView1); textView2 = (TextView)findViewById(R.id.textView2); textView.setText("Progress = " + Integer.toString(seekBar.getProgress())); textView2.setText("Stop"); seekBar.setOnSeekBarChangeListener(seekBarChangeListener); } public OnSeekBarChangeListener seekBarChangeListener = new OnSeekBarChangeListener() { public void onStopTrackingTouch(SeekBar seekBar) { // TODO Auto-generated method stub textView2.setText("Stop"); } public void onStartTrackingTouch(SeekBar seekBar) { // TODO Auto-generated method stub textView2.setText("Start"); } public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) { // TODO Auto-generated method stub textView.setText("Progress = " + Integer.toString(progress)); } };}
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第Ab个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● RatingBar 类：
1. 评分 bar.
2. RatingBar XML Attributes：
- android:numStars：几颗星.
- android:stepSize：步距.
View Code 1 public class MainActivity extends Activity { 2 public RatingBar ratingBar; 3 public TextView textView;public void onCreate(Bundle savedInstanceState) { 4 super.onCreate(savedInstanceState); 5 setContentView(R.layout.activity_main); 6 ratingBar = (RatingBar)findViewById(R.id.ratingBar1); 7 textView = (TextView)findViewById(R.id.textView1); 8 textView.setText("Progress = " + Integer.toString(ratingBar.getProgress())); 9 ratingBar.setOnRatingBarChangeListener(new OnRatingBarChangeListener() {10 public void onRatingChanged(RatingBar ratingBar, float rating,11 boolean fromUser) {12 // TODO Auto-generated method stub13 textView.setText("Progress = " + Integer.toString(ratingBar.getProgress()));14 }15 });16 }17 }
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第Ac个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● ImageView 类：
1. 图片显示控件.
2. ImageView XML Attributes：
- android:scaleType：图片的缩放样式.
- android:src：图片地址.
- android:alpha：0 和 1 之间的一个数, 表示透明度.
- android:clickable：是否可以点击.
3. ImageView Methods：
- startAnimation(Animation animation)：开始动画.
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第Ad个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● Toast 类：
1.A toast is a view containing a quick little message for the user. The toast class helps you create and show those.
2. Toast Methods：
- makeText(Context context, int resId, int duration)：返回值：static Toast. Make a standard toast that just contains a text view with the text from a resource.
- makeText(Context context, CharSequence text, int duration)：返回值：static Toast. Make a standard toast that just contains a text view.
- setDuration(int duration)：Set how long to show the view for.
- setGravity(int gravity, int xOffset, int yOffset)：Set the location at which the notification should appear on the screen.
- getXGravity()：返回值：int. Return the X offset in pixels to apply to the gravity's location.
- getYGravity()：返回值：int. Return the Y offset in pixels to apply to the gravity's location.
- setMargin(float horizontalMargin, float verticalMargin)：Set the margins of the view.
- setText(int resId)：Update the text in a Toast that was previously created using one of the makeText() methods.
- setText(CharSequence s)：Update the text in a Toast that was previously created using one of the makeText() methods.
- show()：Show the view for the specified duration.
3. Toast Constants：
- LENGTH_LONG：Show the view or text notification for a long period of time.
- LENGTH_SHORT：Show the view or text notification for a short period of time.
※ 参考：charSequence--刚认识的接口
举例：
Toast.makeText(getApplicationContext(), "成功", Toast.LENGTH_SHORT).show();
※ 参考：Android应用开发学习—Toast使用方法大全
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第Ae个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● WebView 类：
1.A View that displays web pages.
Note that, in order for your Activity to access the Internet and load web pages in a WebView, you must add the INTERNET permissions to your Android Manifest file:
<uses-permissionandroid:name="android.permission.INTERNET"/>
2. WebView Methods：
- canGoBack()：
- canGoForward()：
- canZoomIn()：
- canZoomOut()：
- findNext(boolean forward)：
- getTitle()：获取当前网页的标题.
- getUrl()：获取当前网页的 url.
- getSettings()：返回值：WebSettings. 与此相关的设置, 可以设置是否显示放大缩小框.
WebSettings：管理与 WebView 相关的设置.
setBuiltInZoomControls(boolean enabled)：设置放大缩小控件.
setDisplayZoomControls(boolean enabled)：设置是否显示, 前提上面为 true. - goBack()：
- goForward()：
- loadUrl(String url)：加载指定 url 的网址.
- onKeyDown(int keyCode, KeyEvent event)：
- onKeyUp(int keyCode, KeyEvent event)：
- onKeyMultiple(int keyCode, int repeatCount, KeyEvent event)：
- onTouchEvent(MotionEvent event)：
- pageDown(boolean bottom)：
- pageUp(boolean top)：
- reload()：重新加载当前网页.
- stopLoading()：停止加载当前网页.
- zoomIn()：
- zoomOut()：
- setWebViewClient(WebViewClient client)：设置接收通知和请求的 WebViewClient.
View Code public class MyBrowserActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.browser); Uri url = getIntent().getData(); WebView webView = (WebView) findViewById(R.id.WebView01); webView.setWebViewClient(new Callback()); webView.loadUrl(url.toString()); } private class Callback extends WebViewClient { @Override public boolean shouldOverrideUrlLoading (WebView view, String url) { return(false); } }}
※ 参考：Android webView 使用方法
WebViewActivity.java 1 public class WebViewActivity extends Activity { 2 /** Called when the activity is first created. */ 3 @Override 4 public void onCreate(Bundle savedInstanceState) { 5 super.onCreate(savedInstanceState); 6 setContentView(R.layout.main); 7 8 WebView wv = (WebView) findViewById(R.id.webview1); 9 10 WebSettings webSettings = wv.getSettings();11 webSettings.setBuiltInZoomControls(true);12 /*13 wv.loadUrl(14 "http://chart.apis.google.com/chart" +15 "?chs=300x225" +16 "&cht=v" +17 "&chco=FF6342,ADDE63,63C6DE" +18 "&chd=t:100,80,60,30,30,30,10" +19 "&chdl=A|B|C");20 */21 22 /*23 wv.setWebViewClient(new Callback());24 wv.loadUrl("http://www.wrox.com");25 */26 27 /*28 final String mimeType = "text/html";29 final String encoding = "UTF-8";30 String html = "<H1>A simple HTML page</H1><body>" +31 "<p>The quick brown fox jumps over the lazy dog</p></body>";32 wv.loadDataWithBaseURL("", html, mimeType, encoding, "");33 */34 35 wv.loadUrl("file:///android_asset/Index.html");36 }37 38 private class Callback extends WebViewClient {39 @Override40 public boolean shouldOverrideUrlLoading(WebView view, String url) {41 return(false);42 }43 }44 }
下载源代码：WebView.zip
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第Af个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● ToggleButton 类：
1.Displays checked/unchecked states as a button with a "light" indicator and by default accompanied with the text "ON" or "OFF".
2. ToggleButton XML Attributes：
- android:disabledAlpha：The alpha to apply to the indicator when disabled.
- android:textOff：The text for the button when it is not checked.
- android:textOn：The text for the button when it is checked.
3. CheckBox Methods：
- setOnClickListener(View.OnClickListener l)：被点击的时候触发.
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第Ag个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·●AutoCompleteTextView 类：
1. 可以自动完成的 EditView. 但要提前加入字符串数组.
2. AutoCompleteTextView XML Attributes：
- android:completionThreshold：几个字母开始出现下拉列表. → setThreshold(int)
- android:dropDownHeight：下拉列表高度. → setDropDownHeight(int)
- android:dropDownWidth：下拉列表宽度. → setDropDownWidth(int)
- android:dropDownHorizontalOffset：="300dp" 下拉列表水平偏移距离.
- android:dropDownVerticalOffset：="300dp" 下拉别表垂直偏移距离.
- android:popupBackground：下拉列表背景颜色. → setDropDownBackgroundResource(int)
- android:lines：显示行数. → setLines(int)
3. AutoCompleteTextView Methods：
- setAdapter(T adapter)：
String[] presidents = { ... }; //字符串数组 ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_dropdown_item_1line, presidents); //数组加入到 ArrayAdapter 中, 默认显示模式. AutoCompleteTextView textView = (AutoCompleteTextView) findViewById(R.id.txtCountries); textView.setAdapter(adapter); //将 adapter 与 AutoCompleteTextView 连接.
- setOnClickListener(View.OnClickListener listener)：
- setOnItemClickListener(AdapterView.OnItemClickListener l)：下拉列表被点击的时候触发.
onItemClick (AdapterView<?> parent, View view, int position, long id)：必须实现的方法.
第一个参数：点击的时候显示的 AdapterView.
第一个参数：每个点击的控件, 实际上是个 TextView, 可以获取文本.
后两个参数：在下拉列表中显示的位置. - setOnItemSelectedListener(AdapterView.OnItemSelectedListener l)：
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第Ah个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● TimePicker 类：
1. 时间的显示, 包括24小时的和AM/PM模式的.
2. TimePicker XML Attributes：
- android:alpha：透明度. → setAlpha(float)
- android:background：背景色. → setBackgroundResource(int)
3. TimePicker Methods：
- getCurrentHour()：获取当前的小时数.
- getCurrentMinute()：获取当前的分钟数.
- is24HourView()：是否为24小时制.
- setCurrentHour(Integer currentHour)：设置当前小时的值.
- setCurrentMinute(Integer currentMinute)：设置当前分钟的值.
- setIs24HourView(Boolean is24HourView)：设置为24小时制.
- setOnTimeChangedListener(TimePicker.OnTimeChangedListener onTimeChangedListener)：
onTimeChanged (TimePicker view, int hourOfDay, int minute)：TimePicker, 小时, 分钟.
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第Ai个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·●DatePicker 类：
1. 日期的显示.
2. DatePicker Methods：
- getDayOfMonth()
- getMonth()
- getYear()
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第D1个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● FrameLayout 类：
1.FrameLayout is designed to block out an area on the screen to display a single item.
都是叠加在同一个区块，以最大的区块显示为框架。
效果：
实现代码：
六个按钮实现上图.xml <FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="20dip" > <Button android:layout_width="160dip" android:layout_height="160dip" android:background="#000000" /> <Button android:layout_width="100dip" android:layout_height="50dip" android:layout_gravity="bottom" android:layout_marginLeft="3dip" android:layout_marginBottom="3dip" android:background="#FF0000" /> <Button android:layout_width="100dip" android:layout_height="50dip" android:layout_gravity="right" android:layout_marginRight="3dip" android:layout_marginTop="3dip" android:background="#00FF00" /> <Button android:layout_width="50dip" android:layout_height="100dip" android:layout_gravity="left" android:layout_marginLeft="3dip" android:layout_marginTop="3dip" android:background="#00FFFF" /> <Button android:layout_width="50dip" android:layout_height="100dip" android:layout_gravity="bottom|right" android:layout_marginRight="3dip" android:layout_marginBottom="3dip" android:background="#FF00FF" /> <Button android:layout_width="46dip" android:layout_height="46dip" android:layout_marginLeft="57dip" android:layout_marginTop="57dip" android:background="#FFFF00" /> </FrameLayout>
---------------------------------------------------------------------------------------------------------
╔══════════╗
╠════╣ 第D1¼个 ╠══════════════════════════════════════════════════╣
╚══════════╝
●·● ScrollView 类：
1. 用来实现垂直滚动的效果，由于此类继承自 FrameLayout 类，因此内部要加入相应的布局控件才好用，否则都堆在一起了，例如在 ScrollView 内部加入一个 LinearLayout 或是 RelativeLayout等等。
java.lang.Object
↳ android.view.View
↳ android.view.ViewGroup
↳ android.widget.FrameLayout
↳ android.widget.ScrollView
---------------------------------------------------------------------------------------------------------
╔══════════╗
╠════╣ 第D1½个 ╠══════════════════════════════════════════════════╣
╚══════════╝
●·● HorizontalScrollView 类：
1. 同上面的 ScrollView 相对应，HorizontalScrollView 是专门设计为水平滚动效果的。而且它们之间也可以进行相应的嵌套。
效果：
第一幅图是最初效果，第二幅图则是上面两个 HorizontalScrollView 往右移动的效果，第三幅图则是整体 ScrollView 往下移动的效果。
实现代码：
<ScrollView> //实现最外面一层可以垂直滚动的. <LinearLayout> //垂直滚动内部加入 LinearLayout, 内部加入其它的三个 ScrollView.
<View/> //用于分割.
<HorizontalScrollView> //第一个水平 ScrollView. <LinearLayout> //内部水平 LinearLayout. <Button/> //水平的 N 个 Button. </LinearLayout> </HorizontalScrollView>
<View/> //用于分割.
<HorizontalScrollView> //第二个水平 ScrollView. <LinearLayout> //内部水平 LinearLayout. <Button/> </LinearLayout> </HorizontalScrollView>
<View/> //用于分割.
<ScrollView> //第三个垂直 ScrollView. <LinearLayout> //内部垂直 LinearLayout <Button/> </LinearLayout> </ScrollView>
</LinearLayout></ScrollView>
原版.xml <Button android:id="@+id/Button02" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:text="Button02" /> <Button android:id="@+id/Button03" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:text="Button03" /> <Button android:id="@+id/Button04" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:text="Button04" /> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:text="Button05" /> <Button android:id="@+id/Button01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:text="Button06" /> <Button android:id="@+id/Button02" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:text="Button07" /> <Button android:id="@+id/Button03" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:text="Button08" />
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第D2个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● LinearLayout 类：
1.A Layout that arranges its children in a single column or a single row.
java.lang.Object
↳ android.view.View
↳ android.view.ViewGroup
↳ android.widget.LinearLayout
2. LinearLayout XML Attributes：
- android:orientation：显示的方向, 水平或是垂直的.
- android:layout_width：宽度.
- android:layout_height：高度.
- android:layout_weight：所占权重.
3. LinearLayout Methods：
- getOrientation()
- setGravity(int gravity)
- setOrientation(int orientation)
---------------------------------------------------------------------------------------------------------
╔════════╗
╠════╣ 第D3个 ╠══════════════════════════════════════════════════╣
╚════════╝
●·● RelativeLayout 类：
1.A Layout where the positions of the children can be described in relation to each other or to the parent.
2. RelativeLayout 中控件可以使用的 XML Attributes：
- android:layout_above：将该控件的底部置于给定 ID 的控件之上.【居于之上】
- android:layout_below：将该控件的顶部置于给定 ID 的控件之下.【居于之下】
- android:layout_toLeftOf：将该控件的右边缘和给定 ID 的控件的左边缘对齐.【居于左边】
- android:layout_toRightOf：将该控件的左边缘和给定 ID 的控件的右边缘对齐.【居于右边】
- android:layout_alignBaseline：将该控件的 baseline 和给定 ID 的控件的 baseline 对齐.【居中对齐】
- android:layout_alignBottom：将该控件的底部边缘和给定 ID 的控件的底部边缘对齐.【底部对齐】
- android:layout_alignLeft：将该控件的左边缘和给定 ID 的控件的左边缘对齐.【左对齐】
- android:layout_alignRight：将该控件的右边缘和给定 ID 的控件的右边缘对齐.【右对齐】
- android:layout_alignTop：
更多相关文章
- Android控件及API说明(二)
- ToggleButton控件
- Android Studio一些控件的使用
- Android 绑定数据到界面控件
- Android控件显示和隐藏
- iphone开发之常用控件的使用详解
- Android初级-Android 日志输出和Debug跟踪，常用控件（中），资源
- Android之进度条控件和常用资源分类总结