1、SearchView
SearchView这个控件,主要用来处理用户的输入,并对用户的输入做出响应。
先看下各个属性介绍:
属性名称相关方法描述
android:iconifiedByDefaultsetIconifiedByDefault(boolean)设置搜索图标是否显示在搜索框内
android:imeOptionssetImeOptions(int)设置输入法搜索选项字段,默认是搜索,可以是:下一页、发送、完成等
android:inputTypesetInputType(int)设置输入类型
android:maxWidthsetMaxWidth(int)设置最大宽度
android:queryHintsetQueryHint(CharSequence)设置查询提示字符串
XML里引用
android:id="@+id/seach"
android:layout_width="match_parent"
android:layout_height="50dp"
android:iconifiedByDefault="false"
android:queryHint="请输入要搜寻的东西"/>
代码里通过以下方法可以监听用户的输入
SearchView mSearchView = (SearchView) findViewById(R.id.seach);
mSearchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
//点击搜索@Override
public boolean onQueryTextSubmit(String query) {
Log.i("MainActivity", query);
return false;
}
//搜索内容改变@Override
public boolean onQueryTextChange(String newText) {
Log.i("MainActivity", newText);
return false;
}
});
具体效果可见下图:
2、Switch
Switch控件主要作用是描述一个开关,可以滑动,也可以点击,省去了我们自定义的很多不必要的麻烦。
XML里引用
android:id="@+id/switchs"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
/>
代码里监听状态
Switch mSwitch=(Switch) findViewById(R.id.switchs);
mSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
//开if(isChecked){
}else{
//关}
}
});
具体效果如下图:
具体UI我们可以自己来调整,可通过下面两个属性,第一个设置是设置拖动按钮,第二个是设置背景。
android:thumb="@drawable/switch_bg”
android:track="@drawable/track_bg"
设置自动选中状态可以通过android:checked="true”来设置。
3、AutoCompleteTextView
AutoCompleteTextView控件可以根据用户的输入,弹出一个下拉菜单
AutoCompleteTextView常用属性
android:completionHint设置出现在下拉菜单中的提示标题
android:completionThreshold设置用户至少输入多少个字符才会显示提示
android:dropDownHorizontalOffset下拉菜单于文本框之间的水平偏移。默认与文本框左对齐
android:dropDownHeight下拉菜单的高度
android:dropDownWidth下拉菜单的宽度
android:singleLine单行显示
android:dropDownVerticalOffset垂直偏移量
XML里引用:
android:layout_width="match_parent"
android:layout_height="50dp"
android:id="@+id/autotext"
/>
代码实现:
AutoCompleteTextView autotext =(AutoCompleteTextView) findViewById(R.id.autotext);
final
String [] arr={"1001","1002","1003","1004"};
ArrayAdapter arrayAdapter =new ArrayAdapter(this, android.R.layout.simple_list_item_1,arr);
//设置Adapter
autotext.setAdapter(arrayAdapter);
//监听item选择autotext.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView parent, View view, int position, long id) {
Toast.makeText(MainActivity.this,arr[position],Toast.LENGTH_LONG).show();
}
});
具体效果见下图:
4、CalendarView
CalendarView这个控件是要是用于显示日历。
其各个属性如下显示:
android:dateTextAppearance 设置日历View在日历表格中的字体皮肤;
android:firstDayOfWeek 指定日历第一个星期的第一天,在日历中横向所在位置,从右边向左数,从1开始计数;
android:focusedMonthDateColor 设置日历表格当月显示的日期字体颜色;
android:maxDate 设置日历能够显示的最大日期;
android:minDate 设置日历能够显示的最小日期;
android:selectedDateVerticalBar 设置当前选择日期选择边框左右两边显示的图标;
android:selectedWeekBackgroundColor 设置当前选择日期所在行的背景颜色(除了选中的日期之外);
android:showWeekNumber 设置是否显示周期数量;
android:shownWeekCount 设置设备一屏显示多少周即多少行;
android:unfocusedMonthDateColor 设置非当前选择月的字体颜色与focusedMonthDateColor相反;
android:weekNumberColor 设置显示周期编号字体的颜色;
android:weekSeparatorLineColor 设置日历每行之间分割线的颜色;
XML里引用:
android:id="@+id/calendar"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
代码实现选择日期:
CalendarView mCalendarView=(CalendarView) findViewById(R.id.calendar);
//获取日期点击事件mCalendarView.setOnDateChangeListener(new CalendarView.OnDateChangeListener() {
@Override
public void onSelectedDayChange(CalendarView view, int year, int month, int dayOfMonth) {
Toast.makeText(MainActivity.this,year+"==="+(month+1)+"==="+dayOfMonth,Toast.LENGTH_LONG).show();
}
});
效果如下图:
5、DatePicker
DatePicker控件和CalendarView基本类似,都是用来显示日期,只不过了一个显示选择后的日期UI,
android:calendarViewShown:是否显示日历。
android:startYear:设置可选开始年份。
android:endYear:设置可选结束年份。
android:maxDate:设置可选最大日期,以mm/dd/yyyy格式设置。
android:minDate:设置可选最小日期,以mm/dd/yyyy格式设置。
XML里引用
android:id="@+id/datePicker"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
代码实现:
DatePicker mDatePicker=(DatePicker) findViewById(R.id.datePicker);
//初始化日期mDatePicker.init(2017, 7, 16, new DatePicker.OnDateChangedListener() {
@Override
public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
Toast.makeText(MainActivity.this, year+"==="+monthOfYear+"=="+dayOfMonth, Toast.LENGTH_SHORT).show();
}
});
效果如下图:
6、Chronomet:
Chronomet控件用来展示一个倒计时。
XML里引用,这里我添加了几个按钮,用来控制开始,暂停,和重置,format用于格式化时间。
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#fff">
android:id="@+id/chronometer"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:format="计时:%s"/>
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/chronometer"
android:layout_centerHorizontal="true"
android:layout_marginTop="10dp">
android:id="@+id/start"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="开始"/>
android:id="@+id/stop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="暂停"
/>
android:id="@+id/reset"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="重置"
/>
在代码里实现定时任务:
public class MainActivityextends AppCompatActivity {
private ChronometermChronometer;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_svg);
mChronometer = (Chronometer) findViewById(R.id.chronometer);
mChronometer.setFormat("计时:%s");
findViewById(R.id.start).setOnClickListener(onClickLitener);
findViewById(R.id.stop).setOnClickListener(onClickLitener);
findViewById(R.id.reset).setOnClickListener(onClickLitener);
}
private View.OnClickListeneronClickLitener =new View.OnClickListener() {
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.start://开始mChronometer.start();
break;
case
R.id.stop://停止mChronometer.stop();
break;
case
R.id.reset://重置mChronometer.setBase(SystemClock.elapsedRealtime());
break;
}
}
};
}
具体效果可见下图:
7、ExpandableListView
ExpandableListView控件主要用于实现一个可以下拉的下单,用起来也是很简单:
XML里引用:
android:id="@+id/listview"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
业务逻辑代码实现:
public class MainActivity extends AppCompatActivity {
private List groupArray = new ArrayList<>();
private
List> childArray = new ArrayList<>();
private
List tempArray = new ArrayList();
private
List tempArray2 = new ArrayList();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_svg);
groupArray.add("百家姓");
groupArray.add("国家行政区划");
tempArray.add("李");
tempArray.add("王");
tempArray.add("刘");
tempArray.add("张");
tempArray2.add("商丘市");
tempArray2.add("北京市");
tempArray2.add("天津市");
tempArray2.add("上海市");
childArray.add(tempArray);
childArray.add(tempArray2);
ExpandableListView mExpandableListView = (ExpandableListView) findViewById(R.id.listview);
mExpandableListView.setAdapter(new ExpandableAdapter());
//获取item点击事件mExpandableListView.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
@Override
public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
Toast.makeText(MainActivity.this, childArray.get(groupPosition).get(childPosition), Toast.LENGTH_SHORT).show();
return false;
}
});
}
//ExpandableListView的Adapter
public class ExpandableAdapter extends BaseExpandableListAdapter {
public Object getChild(int groupPosition, int childPosition) {
return childArray.get(groupPosition).get(childPosition);
}
public long getChildId(int groupPosition, int childPosition) {
return childPosition;
}
public int getChildrenCount(int groupPosition) {
return childArray.get(groupPosition).size();
}
public View getChildView(int groupPosition, int childPosition,
boolean
isLastChild, View convertView, ViewGroup parent) {
String string = childArray.get(groupPosition).get(childPosition);
return
getGenericView(string);
}
// group method stub
public Object getGroup(int groupPosition) {
return groupArray.get(groupPosition);
}
public int getGroupCount() {
return groupArray.size();
}
public long getGroupId(int groupPosition) {
return groupPosition;
}
public View getGroupView(int groupPosition, boolean isExpanded,
View convertView, ViewGroup parent) {
String string = groupArray.get(groupPosition);
return
getGenericView(string);
}
public TextView getGenericView(String string) {
AbsListView.LayoutParams layoutParams = new AbsListView.LayoutParams(
ViewGroup.LayoutParams.FILL_PARENT, 64);
TextView text = new TextView(MainActivity.this);
text.setLayoutParams(layoutParams);
text.setGravity(Gravity.CENTER_VERTICAL | Gravity.LEFT);
text.setPadding(100, 0, 0, 0);
text.setTextColor(Color.parseColor("#000000"));
text.setText(string);
return
text;
}
public boolean hasStableIds() {
return false;
}
public boolean isChildSelectable(int groupPosition, int childPosition) {
return true;
}
}
}
具体效果如下:
网友评论