当前位置:文档之家› 系出名门Android(5) - 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox, Ra

系出名门Android(5) - 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox, Ra

系出名门Android(5) - 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox, Ra
系出名门Android(5) - 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox, Ra

介绍

在 Android 中使用各种控件(View)

TextView - 文本显示控件

Button - 按钮控件

ImageButton - 图片按钮控件

ImageView - 图片显示控件

CheckBox - 复选框控件

RadioButton - 单选框控件

AnalogClock - 钟表(带表盘的那种)控件

DigitalClock - 电子表控件

1、TextView的Demo

xmlns:android="https://www.doczj.com/doc/a81105071.html,/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

a ndroid:layout_width="fill_parent"

android:layout_height="wrap_content"

android:id="@+id/textView"

/>

import android.app.Activity;

import android.os.Bundle;

import android.widget.TextView;

public class _TextView extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub

super.onCreate(savedInstanceState);

this.setContentView(https://www.doczj.com/doc/a81105071.html,yout.textview);

// 设置 Activity 的标题

setTitle("TextView");

TextView txt = (TextView) this.findViewById(R.id.textView);

// 设置文本显示控件的文本内容,需要换行的话就用“\n”

txt.setText("我是 TextView\n显示文字用的");

}

}

2、Button的Demo

="1.0"encoding="utf-8"?>

xmlns:android="https://www.doczj.com/doc/a81105071.html,/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

a ndroid:layout_width="fill_parent"

android:layout_height="wrap_content"

android:id="@+id/textView"

/>

a ndroid:id="@+id/button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.TextView;

public class _Button extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub

super.onCreate(savedInstanceState);

this.setContentView(https://www.doczj.com/doc/a81105071.html,yout.button);

setTitle("Button");

Button btn = (Button) this.findViewById(R.id.button); btn.setText("click me");

// setOnClickListener() - 响应按钮的鼠标单击事件

btn.setOnClickListener(new Button.OnClickListener(){ @Override

public void onClick(View v) {

TextView txt = (TextView)

_Button.this.findViewById(R.id.textView);

txt.setText("按钮被单击了");

}

});

}

}

3、ImageButton的Demo

xmlns:android="https://www.doczj.com/doc/a81105071.html,/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

a ndroid:layout_width="fill_parent"

android:layout_height="wrap_content"

android:id="@+id/textView"

/>

a ndroid:id="@+id/imageButton"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.ImageButton;

import android.widget.TextView;

public class _ImageButton extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

this.setContentView(https://www.doczj.com/doc/a81105071.html,yout.imagebutton);

setTitle("ImageButton");

ImageButton imgButton = (ImageButton)

this.findViewById(R.id.imageButton);

// 设置图片按钮的背景

imgButton.setBackgroundResource(R.drawable.icon01);

// setOnClickListener() - 响应图片按钮的鼠标单击事件

imgButton.setOnClickListener(new Button.OnClickListener(){ @Override

public void onClick(View v) {

TextView txt = (TextView)

_ImageButton.this.findViewById(R.id.textView);

txt.setText("图片按钮被单击了");

}

});

}

}

4、ImageView的Demo

xmlns:android="https://www.doczj.com/doc/a81105071.html,/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

a ndroid:id="@+id/imageView"

a ndroid:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

import android.os.Bundle;

import android.widget.ImageView;

public class _ImageView extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

this.setContentView(https://www.doczj.com/doc/a81105071.html,yout.imageview);

setTitle("ImageView");

ImageView imgView = (ImageView)

this.findViewById(R.id.imageView);

// 指定需要显示的图片

imgView.setBackgroundResource(R.drawable.icon01);

}

}

5、CheckBox的Demo

xmlns:android="https://www.doczj.com/doc/a81105071.html,/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

a ndroid:layout_width="fill_parent"

android:layout_height="wrap_content"

android:id="@+id/textView"/>

a ndroid:text="CheckBox01"

a ndroid:id="@+id/chk1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

a ndroid:text="CheckBox02"

a ndroid:id="@+id/chk2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

a ndroid:text="CheckBox03"

a ndroid:id="@+id/chk3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

import android.app.Activity;

import android.os.Bundle;

import android.widget.CheckBox;

import https://www.doczj.com/doc/a81105071.html,poundButton;

import android.widget.TextView;

public class _CheckBox extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

this.setContentView(https://www.doczj.com/doc/a81105071.html,yout.checkbox);

setTitle("CheckBox");

CheckBox chk = (CheckBox) this.findViewById(R.id.chk1);

// setOnCheckedChangeListener() - 响应复选框的选中状态改变事件

chk.setOnCheckedChangeListener(new

CompoundButton.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

TextView txt = (TextView)

_CheckBox.this.findViewById(R.id.textView);

txt.setText("CheckBox01 的选中状态:" +

String.valueOf(isChecked));

}

});

}

}

6、RadioButton的Demo

xmlns:android="https://www.doczj.com/doc/a81105071.html,/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

a ndroid:layout_width="fill_parent"

android:layout_height="wrap_content"

android:id="@+id/textView"

/>

checkedButton - 指定组内被选中的单选框的 ID

-->

a ndroid:id="@+id/radioGroup"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:checkedButton="@+id/rad3"

android:orientation="horizontal"

android:gravity="center_vertical|center_horizontal">

android:text="rad1"

android:id="@+id/rad1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

android:text="rad2"

android:id="@+id/rad2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

android:text="rad3"

android:id="@+id/rad3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

import android.os.Bundle;

import android.widget.RadioButton;

import android.widget.RadioGroup;

import android.widget.TextView;

public class _RadioButton extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

this.setContentView(https://www.doczj.com/doc/a81105071.html,yout.radiobutton);

setTitle("RadioButton");

RadioGroup group = (RadioGroup)

this.findViewById(R.id.radioGroup);

// setOnCheckedChangeListener() - 响应单选框组内的选中项发生变化时的事件

group.setOnCheckedChangeListener(new

RadioGroup.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(RadioGroup group, int checkedId) {

TextView txt = (TextView)

_RadioButton.this.findViewById(R.id.textView);

txt.setText(((RadioButton)findViewById(checkedId)).getText() + " 被选中");

}

});

}

}

7、AnalogClock的Demo

xmlns:android="https://www.doczj.com/doc/a81105071.html,/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

a ndroid:id="@+id/analogClock"

android:layout_width="wrap_content"

android:layout_height="wrap_content">

import android.os.Bundle;

public class _AnalogClock extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub

super.onCreate(savedInstanceState);

this.setContentView(https://www.doczj.com/doc/a81105071.html,yout.analogclcok);

setTitle("AnalogClock");

}

}

8、DigitalClock的Demo

encoding="utf-8"?>

xmlns:android="https://www.doczj.com/doc/a81105071.html,/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

a ndroid:id="@+id/digitalClock"

android:layout_width="wrap_content"

android:layout_height="wrap_content"/>

import android.os.Bundle;

public class _DigitalClock extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub

super.onCreate(savedInstanceState);

this.setContentView(https://www.doczj.com/doc/a81105071.html,yout.digitalclcok);

setTitle("DigitalClcok");

}

}

android 自定义圆角头像以及使用declare-styleable进行配置属性解析

android 自定义圆角头像以及使用declare-styleable进行配置属性解析由于最新项目中正在检查UI是否与效果图匹配,结果关于联系人模块给的默认图片是四角稍带弧度的圆角,而我们截取的图片是正方形的,现在要给应用统一替换。应用中既用到大圆角头像(即整个头像是圆的)又用到四角稍带弧度的圆角头像,封装一下以便重用。以下直接见代码 [java] view plain copy 在CODE上查看代码片派生到我的代码片 package com.test.demo; import com.test.demo.R; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.Matrix; import android.graphics.Paint; import android.graphics.RectF; import android.graphics.Shader.TileMode; import android.graphics.drawable.BitmapDrawable; import android.graphics.drawable.Drawable; import android.os.Bundle; import android.os.Parcelable; import android.util.AttributeSet; import android.util.Log; import android.util.TypedValue; import android.widget.ImageView; /** * 圆角imageview */ public class RoundImageView extends ImageView { private static final String TAG = "RoundImageView"; /** * 图片的类型,圆形or圆角 */ private int type; public static final int TYPE_CIRCLE = 0; public static final int TYPE_ROUND = 1; /** * 圆角大小的默认值

android studio 控件常用属性

android studio 控件常用属性 下面是RelativeLayout各个属性 1.android:layout_above="@id/xxx" --将控件置于给定ID控件之上 2.android:layout_below="@id/xxx" --将控件置于给定ID控件之下 3. android:layout_toLeftOf="@id/xxx" --将控件的右边缘和给定ID控件的左边缘对齐 4.android:layout_toRightOf="@id/xxx" --将控件的左边缘和给定ID控件的右边缘对齐 5. android:layout_alignLeft="@id/xxx" --将控件的左边缘和给定ID控件的左边缘对齐 6.android:layout_alignTop="@id/xxx" --将控件的上边缘和给定ID控件的上边缘对齐 7.android:layout_alignRight="@id/xxx" --将控件的右边缘和给定ID控件的右边缘对齐 8.android:layout_alignBottom="@id/xxx" --将控件的底边缘和给定ID控件的底边缘对齐 9.android:layout_alignParentLeft="true" --将控件的左边缘和父控件的左边缘对齐 10. android:layout_alignParentTop="true" --将控件的上边缘和父控件的上边缘对齐 11. android:layout_alignParentRight="true" --将控件的右边缘和父控件的右边缘对齐 12.android:layout_alignParentBottom="true" --将控件的底边缘和父控件的底边缘对齐 13.android:layout_centerInParent="true" --将控件置于父控件的中心位置 14.android:layout_centerHorizontal="true" --将控件置于水平方向的中心位置 15.android:layout_centerVertical="true" --将控件置于垂直方向的中心位置 android:layout_width 设置组件的宽度 android:layout_height 设置组件的高度 android:id 给组件定义一个id值,供后期使用 android:background 设置组件的背景颜色或背景图片 android:text 设置组件的显示文字 android:textColor 设置组件的显示文字的颜色 android:layout_below 组件在参考组件的下面 android:alignTop 同指定组件的顶平行

Android平台我的日记设计文档

Android平台我的日记 设计文档 项目名称:mydiray 项目结构示意: 阶段任务名称(一)布局的设计 开始时间: 结束时间: 设计者: 梁凌旭 一、本次任务完成的功能 1、各控件的显示 二、最终功能及效果 三、涉及知识点介绍 四、代码设计 activity_main.xml:

android:layout_centerHorizontal="true" android:layout_marginTop="88dp" android:text="@string/wo" android:textSize="35sp"/>

相关文档 最新文档