《Android用户界面程序设计示例.docx》由会员分享，可在线阅读，更多相关《Android用户界面程序设计示例.docx（48页珍藏版）》请在三一办公上搜索。
1、Android用户界面程序设计示例Android用户界面程序设计示例 例1按钮和Toast弹出对话框 . 1 例2 TextView文本框 . 4 例3TextView文本框 . 5 例4编辑框EditText . 6 例5单选RadioButton . 12 例6Toast的用法简介 . 14 例7多选checkbox . 18 例8菜单Menu . 20 例9Dialog对话框 . 22 例10图片视图ImageView . 25 例11图片按钮ImageButton . 27 界面布局 . 31 例12垂直线性布局 . 31 例13水平线性布局 . 33 例14相对布局 . 34 绝对布
2、局 . 35 例15表单布局 . 35 例16切换卡(TabWidget) 40 1 例1按钮和Toast弹出对话框 1、设计界面如图所示： 2、布局文件： 3、Activity界面程序： public class Activity01 extends Activity public void onCreate(Bundle savedInstanceState) 2 super.onCreate(savedInstanceState); setContentView(R.layout.main); / 获得Button对象 Button button_ok = (Button) findVi
3、ewById(R.id.ok); / 设置Button控件监听器 button_ok.setOnClickListener(new Button.OnClickListener public void onClick(View v) / 这里处理事件 /DisplayToast(点击了OK按钮); Toast.makeText(this, (点击了OK按钮, Toast.LENGTH_SHORT).show; ); public void DisplayToast(String str) Toast.makeText(this, str, Toast.LENGTH_SHORT).show; /
4、* 按键按下所触发的事件 */ public boolean onKeyDown(int keyCode, KeyEvent event) switch (keyCode) case KeyEvent.KEYCODE_DPAD_CENTER: DisplayToast(按下：中键); break; case KeyEvent.KEYCODE_DPAD_UP: DisplayToast(按下：上方向键); break; case KeyEvent.KEYCODE_DPAD_DOWN: DisplayToast(按下：下方向键); break; case KeyEvent.KEYCODE_DPAD
5、_LEFT: DisplayToast(按下：左方向键); break; case KeyEvent.KEYCODE_DPAD_RIGHT: DisplayToast(按下：右方向键); break; return super.onKeyDown(keyCode, event); /* 按键弹起所触发的事件 */ public boolean onKeyUp(int keyCode, KeyEvent event) switch (keyCode) 3 case KeyEvent.KEYCODE_DPAD_CENTER: DisplayToast(弹起：中键); break; case Key
6、Event.KEYCODE_DPAD_UP: DisplayToast(弹起：上方向键); break; case KeyEvent.KEYCODE_DPAD_DOWN: DisplayToast(弹起：下方向键); break; case KeyEvent.KEYCODE_DPAD_LEFT: DisplayToast(弹起：左方向键); break; case KeyEvent.KEYCODE_DPAD_RIGHT: DisplayToast(弹起：右方向键); break; return super.onKeyUp(keyCode, event); 例2TextView 1、设计界面如图
7、所示： 2、布局文件： 3、Activity界面程序的核心语句： textview = (TextView)this.findViewById(R.id.textview); String string = TextView示例，wangzhiguo; /* 设置文本的颜色 */ textview.setTextColor(Color.RED); /* 设置字体大小 */ textview.setTextSize(20); /* 设置文字背景 */ textview.setBackgroundColor(Color.BLUE); /* 设置TextView显示的文字 */ textview.s
8、etText(string); 例3TextView 1、 设计界面 2、布局文件： 其他一些属性 android:textColor=#ff0000 android:textSize=24sp android:textStyle=bold 3、Activity界面程序的核心语句： setContentView(R.layout.main);/设置内容显示的xml布局文件 5 TextView textView=(TextView)findViewById(R.id.text_view);/取得TextView组件 textView.setTextColor(Color.RED);/设置成红色
9、 textView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 24f);/设置成24sp textView.setTypeface(Typeface.defaultFromStyle(Typeface.BOLD);/加粗 android:autoLink=web android:autoLink=phone android:autoLink=all 实现跑马灯效果 11. 例4编辑框EditText 1、设计界面如图所示： 6 2、布局文件： 文本框中内容是 请输入账号 EditText_wangzhiguo 3、Activity界面程序的核心语句： su
10、per.onCreate(savedInstanceState); setContentView(R.layout.main); m_TextView = (TextView) findViewById(R.id.TextView01); m_EditText = (EditText) findViewById(R.id.EditText01); m_TextView.setTextSize(20); /* 7 * 设置当m_EditText中为空时提示的内容 在XML中同样可以实现：android:hint=请输入账号 */ / m_EditText.setHint(请输入账号); /* 设
11、置EditText事件监听 */ m_EditText.setOnKeyListener(new EditText.OnKeyListener Override public boolean onKey(View arg0, int arg1, KeyEvent arg2) / 得到文字，将其显示到TextView中 m_TextView.setText(Activity01.this.getString(R.string.hello) + m_EditText.getText.toString); return false; ); 补充：关于EditText的一些细节操作 android:h
12、int=请输入用户名. 提示属性 android:textColorHint=#238745 更改提示颜色 android:enabled=false 不可编辑 android:lines=”10” 通过设定行高，实现文本域功能 android:maxLength=40 最大内容长度 android:password=true 要求输入密码 android:phoneNumber=true 只能输入电话号码 droid:numeric=signed android:inputType=date 指定输入类型 android:imeOptions=actionSearch Enter键图标设置
13、1. actionUnspecified 未指定，对应常量EditorInfo.IME_ACTION_UNSPECIFIED.效果： 2. actionNone 没有动作,对应常量EditorInfo.IME_ACTION_NONE 效果：3. actionGo 去往，对应常量EditorInfo.IME_ACTION_GO 效果： 4. actionSearch 搜索，对应常量EditorInfo.IME_ACTION_SEARCH 效果： 8 5. actionSend 发送，对应常量EditorInfo.IME_ACTION_SEND 效果：6. actionNext 下一个，对应常量E
14、ditorInfo.IME_ACTION_NEXT 效果：7. actionDone 完成，对应常量EditorInfo.IME_ACTION_DONE 效果：课堂练习 作业提示 /监听EditText文本的回车键 editText.setOnEditorActionListener(new OnEditorActionListener Override public boolean onEditorAction(TextView v, int actionId, KeyEvent event) Toast.makeText(HelloEditText.this, String.valueOf
15、(actionId), Toast.LENGTH_SHORT).show; 9 return false; ); /获取EditText文本 public void onClick(View v) Toast.makeText(HelloEditText.this, editText.getText.toString, Toast.LENGTH_SHORT).show; Button all=(Button)findViewById(R.id.btn_all); all.setOnClickListener(new OnClickListener Override public void on
16、Click(View v) editText.selectAll; ); /让EditText全选 Button all=(Button)findViewById(R.id.btn_all); all.setOnClickListener(new OnClickListener Override public void onClick(View v) editText.selectAll; ); /从第2个字符开始选择EditText文本 public void onClick(View v) 10 Editable editable=editText.getText; Selection.s
17、etSelection(editable, 1,editable.length); public void onClick(View v) int start=editText.getSelectionStart; int end=editText.getSelectionEnd; CharSequence selectText=editText.getText.subSequence(start, end); oast.makeText(HelloEditText.this, selectText, Toast.LENGTH_SHORT).show; /* * 交换两个变量的值 * para
18、m start 变量初值 * param end 变量终值 */ protected void switchIndex(int start, int end) int temp=start; start=end; end=temp; 11 例5单选RadioButton 1、设计界面如图所示： 2、布局文件： Android底层是基于什么操作系统？ 单选RadioButton_wangzhiguo Windows Linux Moc os Java 3、Activity界面程序的核心语句： /* 设置事件监听 */ m_RadioGroup .setOnCheckedChangeListene
19、r(new /* * 获得TextView对象 获得RadioGroup对象 获得4个RadioButton对象 */ m_TextView = (TextView) findViewById(R.id.TextView01); m_RadioGroup = (RadioGroup) findViewById(R.id.RadioGroup01); m_Radio1 = (RadioButton) findViewById(R.id.RadioButton1); m_Radio2 = (RadioButton) findViewById(R.id.RadioButton2); m_Radio3
20、 = (RadioButton) findViewById(R.id.RadioButton3); m_Radio4 = (RadioButton) findViewById(R.id.RadioButton4); 13 RadioGroup.OnCheckedChangeListener Override public void onCheckedChanged(RadioGroup group, int checkedId) / TODO Auto-generated method stub if (checkedId = m_Radio2.getId) DisplayToast(正确答案
21、： + m_Radio2.getText + ，恭喜你，回答正确！); else DisplayToast(请注意，回答错误！); ); /* 显示Toast */ public void DisplayToast(String str) Toast toast = Toast.makeText(this, str, Toast.LENGTH_LONG); / 设置toast显示的位置 toast.setGravity(Gravity.TOP, 0, 220); / 显示该Toast toast.show; 例6Toast的用法简介 例6_1 弹出式提示框的默认样式 1、设计界面如图所示： 1
22、4 2、核心语句： Toast.makeText(getApplicationContext, 默认Toast样式, Toast.LENGTH_SHORT).show; 例6_2 自定义提示框显示位置 1、设计界面如图所示： 2、核心语句： toast = Toast.makeText(getApplicationContext, 自定义位置Toast, Toast.LENGTH_LONG); toast.setGravity(Gravity.CENTER, 0, 0); toast.show; 例6_3带图片提示框效果 1、设计界面如图所示： 15 2、核心语句： toast = Toast
23、.makeText(getApplicationContext, 带图片的Toast, Toast.LENGTH_LONG); toast.setGravity(Gravity.CENTER, 0, 0); LinearLayout toastView = (LinearLayout) toast.getView; ImageView imageCodeProject = new ImageView(getApplicationContext); imageCodeProject.setImageResource(R.drawable.icon); toastView.addView(imag
24、eCodeProject, 0); toast.show; 例6_4带图片的自定义提示框效果 1、设计界面如图所示： 16 2、核心语句： LayoutInflater inflater = getLayoutInflater; View layout = inflater.inflate(R.layout.custom, (ViewGroup) findViewById(R.id.llToast); ImageView image = (ImageView) layout .findViewById(R.id.tvImageToast); image.setImageResource(R.d
25、rawable.icon); TextView title = (TextView) layout.findViewById(R.id.tvTitleToast); title.setText(Attention); TextView text = (TextView) layout.findViewById(R.id.tvTextToast); text.setText(完全自定义Toast); toast = new Toast(getApplicationContext); toast.setGravity(Gravity.RIGHT | Gravity.TOP, 12, 40); to
26、ast.setDuration(Toast.LENGTH_LONG); toast.setView(layout); toast.show; 例6_5 其他线程 1、设计界面如图所示： 2、核心语句： new Thread(new Runnable public void run showToast; 17 ).start; 例7多选checkbox 1、设计界面如图所示： 2、布局文件： 调查：你喜欢Android的原因？ CheckBox_wangzhiguo 无界限的应用程序 应用程序是在平等的条件下创建的 应用程序可以轻松地嵌入网络 应用程序可以并行运行 Button android:id=+id/button1 android:layout_width=wrap_content
