常用的TextView、Button、ImageView和几个常用布局就不介绍了，我们介绍一些特别好用但是常常忘记的组件。
标题栏组件
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:background="@color/colorPrimary"
app:title="@string/forget_password"//标题文字
app:titleTextAppearance="@style/TitleText"//设置标题文字风格
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent">
</androidx.appcompat.widget.Toolbar>
<style name="TitleText" parent="TextAppearance.Widget.AppCompat.Toolbar.Title">
<item name="android:color">@color/colorWhite</item>
<item name="android:textSize">20dp</item>
</style>
滚动组件
<ScrollView
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ScrollView>
横向滚动组件
注意点：
1.滚动布局下，只能包含一个子布局，但是子布局下面可以包含多个布局。
<HorizontalScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"> <LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"> <ImageView
android:layout_width="200dp"
android:layout_height="200dp"
android:background="#ff00ff" /> <ImageView
android:layout_width="200dp"
android:layout_height="200dp"
android:background="#000000" /> <ImageView
android:layout_width="200dp"
android:layout_height="200dp"
android:background="#b7a500" />
</LinearLayout>
</HorizontalScrollView>
网格列表组件
<GridView
android:id="@+id/gridview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:horizontalSpacing="1dp"
android:numColumns="3"
android:verticalSpacing="1dp">
</GridView>
常用的属性：
android:numColumns="auto_fit" ，GridView的列数设置为自动
android:columnWidth="90dp"，每列的宽度，也就是Item的宽度
android:stretchMode="columnWidth"，缩放与列宽大小同步
android:verticalSpacing="10dp"，两行之间的边距
android:horizontalSpacing="10dp"，两列之间的边距
例子1 使用ArrayAdapter:
List<String> stringList = new ArrayList<>();
ArrayAdapter<String> arrayAdapter = new ArrayAdapter<>(this,R.layout.text_parent_select_item,stringList);
gridView.setAdapter(arrayAdapter);
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/name"
android:layout_width="75dp"
android:layout_height="37dp"
android:textSize="@dimen/font_size_16"
android:textColor="@color/fontBlack1"
android:gravity="center"
android:maxLines="1"
android:background="@drawable/bg_orange_edge_rectangle"> </TextView>
例子2 使用SimpleAdapter：
Activity类
public class MainActivity extends Activity {
private GridView gridView;
private List<Map<String, Object>> dataList;
private SimpleAdapter adapter;
//如果只有TextView 可以考虑使用ArrayAdapter 适配器，当然你也可以自定义适配器
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
gridView = (GridView) findViewById(R.id.gridview);
//初始化数据
initData();
String[] from={"img","text"};
int[] to={R.id.img,R.id.text};
adapter=new SimpleAdapter(this, dataList, R.layout.gridview_item, from, to);
gridView.setAdapter(adapter);
gridView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
AlertDialog.Builder builder= new AlertDialog.Builder(MainActivity.this);
builder.setTitle("提示").setMessage(dataList.get(arg2).get("text").toString()).create().show();
}
});
}
void initData() {
//图标
int icno[] = { R.drawable.i1, R.drawable.i2, R.drawable.i3,
R.drawable.i4, R.drawable.i5, R.drawable.i6, R.drawable.i7,
R.drawable.i8, R.drawable.i9, R.drawable.i10, R.drawable.i11, R.drawable.i12 };
//图标下的文字
String name[]={"时钟","信号","宝箱","秒钟","大象","FF","记事本","书签","印象","商店","主题","迅雷"};
dataList = new ArrayList<Map<String, Object>>();
for (int i = 0; i <icno.length; i++) {
Map<String, Object> map=new HashMap<String, Object>();
map.put("img", icno[i]);
map.put("text",name[i]);
dataList.add(map);
}
}
}
GridView主布局文件activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#000"
tools:context="com.example.l7.MainActivity" >
<GridView
android:id="@+id/gridview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:columnWidth="80dp"
android:stretchMode="spacingWidthUniform"
android:numColumns="3"
/>
</LinearLayout>
列表项布局gridview_item.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:orientation="vertical" > <ImageView
android:id="@+id/img"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginTop="10dp"
android:src="@drawable/ic_launcher" />
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="2dp"
android:layout_gravity="center"
android:textColor="#FFF"
android:text="文字"
/> </LinearLayout>
格外注意！如果你是滚动布局（ListView、ScrollView等等）包裹GridView，就出现不会自动换行的问题。这个时候需要你如下自定义view。
package com.weijie.app_user.activity.order;
import android.content.Context;
import android.util.AttributeSet;
import android.widget.GridView;
public class MyGridView extends GridView {
public MyGridView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MyGridView(Context context) {
super(context);
}
public MyGridView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int expandSpec = MeasureSpec.makeMeasureSpec(
Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
super.onMeasure(widthMeasureSpec, expandSpec);
}
}
网格布局
本身属性
- android:alignmentMode
- 说明：当设置alignMargins，使视图的外边界之间进行校准。可以取以下值：
- alignBounds – 对齐子视图边界。
- alignMargins – 对齐子视距内容。
- android:columnCount
- 说明：GridLayout的最大列数
- android:rowCount
- 说明：GridLayout的最大行数
- android:columnOrderPreserved
- 说明：当设置为true，使列边界显示的顺序和列索引的顺序相同。默认是true。
- android:orientation
- 说明：GridLayout中子元素的布局方向。有以下取值：
- horizontal – 水平布局。
- vertical – 竖直布局。
- android:rowOrderPreserved
- 说明：当设置为true，使行边界显示的顺序和行索引的顺序相同。默认是true。
- android:useDefaultMargins
- 说明： 当设置ture，当没有指定视图的布局参数时，告诉GridLayout使用默认的边距。默认值是false。
子元素属性
- android:layout_column
说明：显示该子控件的列，例如android:layout_column=”0”,表示当前子控件显示在第1列，android:layout_column=”1”,表示当前子控件显示在第2列。 android:layout_columnSpan
说明：该控件所占的列数，例如android:layout_columnSpan=”2”,表示当前子控件占两列。android:layout_row
说明：显示该子控件的行，例如android:layout_row=”0”,表示当前子控件显示在第1行，android:layout_row=”1”,表示当前子控件显示在第2行。android:layout_rowSpan
说明：该控件所占的列数，例如android:layout_rowSpan=”2”,表示当前子控件占两行。android:layout_columnWeight
说明：该控件的列权重，与android:layout_weight类似，例如有GridLayout上两列，都设置android:layout_columnWeight = “1”,则两列各占GridLayout宽度的一半- android:layout_rowWeight
说明：该控件的行权重，原理同android:layout_columnWeight。
<GridLayout
android:layout_width="match_parent"
android:layout_height="match_parent"></GridLayout>
表格布局
适合在桌面这种需要显示多个图标功能的情况下使用，所以别用ListView套GridView了，会麻烦死的。
<TableRow></TableRow> 为列表行<TableLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TableLayout>
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TableRow >
<Button
android:id="@+id/button01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮1"
></Button>
<Button
android:id="@+id/button02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮2"
></Button>
<Button
android:id="@+id/button03"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮3"
></Button>
</TableRow> <TableRow >
<Button
android:id="@+id/button04"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮4"
></Button>
<Button
android:id="@+id/button05"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮5"
></Button>
<Button
android:id="@+id/button06"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮6"
></Button>
</TableRow> <TableRow >
<Button
android:id="@+id/button07"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮7"
></Button>
<Button
android:id="@+id/button08"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮8"
></Button>
<Button
android:id="@+id/button09"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮9"
></Button>
</TableRow>
</TableLayout>
多媒体控制器组件
有快进，快退，进度条
<MediaController
android:layout_width="match_parent"
android:layout_height="match_parent"></MediaController>
标签栏组件
<TabHost
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TabHost>
选项卡组件（配合标题栏组件一起使用）
<TabWidget
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TabWidget>
TabLayout页面切换布局
<com.google.android.material.tabs.TabLayout
android:id="@+id/table"
android:layout_width="match_parent"
android:layout_height="wrap_content"> <com.google.android.material.tabs.TabItem
android:id="@+id/into"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="到校"/> <com.google.android.material.tabs.TabItem
android:id="@+id/out"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="离校"/>
//常用的属性
app:tabIndicatorColor ：指示线的颜色
app:tabIndicatorHeight ：指示线的高度
app:tabSelectedTextColor ： tab选中时的字体颜色
app:tabTextColor="@color/colorPrimary" ：未选中字体颜色
app:tabBackground="color" ：整个tablayout颜色
app:tabMode="scrollable" ： 默认是fixed，固定的；scrollable：可滚动的
也可以在代码上添加子项
tabLayout.addTab(tabLayout.newTab());
用Tablayout属性写一个style，给需要的Tablayout引用：
<style name="MyTablayoutstyle" parent="Base.Widget.Design.TabLayout">
<item name="tabBackground">@color/white</item>
<item name="tabIndicatorColor">@color/green</item>
<item name="tabIndicatorHeight">2dp</item>
<item name="tabSelectedTextColor">@color/green</item>
<item name="android:textSize">15sp</item>
<item name="android:textColor">@color/text</item>
</style>
Tablayout引用：
<android.support.design.widget.TabLayout
android:id="@+id/tab1"
style="@style/MyTablayoutstyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
去掉指示线：
给tabIndicatorHeight属性设置0dp，或者给tabSelectedTextColor属性设置透明，就不显示指示线了
添加图标：
tabLayout.getTabAt(i).setText(titles[i]).setIcon(pics[i]);
添加自定义布局：
tabLayout2.getTabAt(i).setCustomView(makeTabView(i));
按键监听：
tabLayout.setOnTabSelectedListener(newTabLayout.OnTabSelectedListener() {
@Override
public voidonTabSelected(TabLayout.Tab tab) {
//选中了tab的逻辑
}
@Override
public voidonTabUnselected(TabLayout.Tab tab) {
//未选中tab的逻辑
}
@Override
public voidonTabReselected(TabLayout.Tab tab) {
//再次选中tab的逻辑
}
});
Spinner下拉列表选择框组件
<Spinner
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:entries="@array/books"
android:popupBackground="#66ccff"
android:dropDownWidth="230dp"></Spinner>
public class MainActivity extends AppCompatActivity {
Spinner spinner;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//获取界面布局文件的Spinner组件
spinner= (Spinner) findViewById(R.id.spinner);
String[] arr={"孙悟空","猪八戒","唐僧"};
//创建ArrayAdapter对象
ArrayAdapter<String> adapter=new ArrayAdapter<String>(this,android.R.layout.simple_list_item_multiple_choice,arr);
spinner.setAdapter(adapter);
String spinnerContent =(String)spinner.getSelectedItem();//获取选中的内容
spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
Override
public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
//选中回调
}
@Override
public void onNothingSelected(AdapterView<?> parent) {
//未选中回调
}
});
}
}
列表内容下拉扩展组件
其实就是 ListView 加上 下拉列表框 功能的二合一
<ExpandableListView
android:id="@+id/ev_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorWhite"
android:divider="@null"
android:groupIndicator="@null"
android:cacheColorHint="#00000000"
android:listSelector="#00000000" />
快速关联联系人组件（快速添加到联系人或者获取信息）
<QuickContactBadge
android:id="@+id/badge"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/zgdx"/>
图片按钮组件
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/ic_phone_book"/>
文本切换组件（支持有动画切换）
文字也要有切换动画才够酷炫！
<TextSwitcher
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TextSwitcher>
图片切换组件（支持有动画切换）
有动画切换图片了，肯定更加酷炫
<ImageSwitcher
android:layout_width="match_parent"
android:layout_height="match_parent"></ImageSwitcher>
视频切换组件（支持有动画切换）
是的，三兄弟到齐了，为了切换动画！
<ViewSwitcher
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ViewSwitcher>
图片轮播组件
你天天逛的淘宝，上面的让你心动的物品图片轮播，就是这种效果
AdapterViewAnimator支持的XML属性如下：
android:animateFirstView：设置显示组件的第一个View时是否使用动画。
android:inAnimation：设置组件显示时使用的动画。
android:loopViews：设置循环到最后一个组件时是否自动跳转到第一个组件。
android:outAnimation：设置组件隐藏时使用的动画。
<AdapterViewFlipper
android:layout_width="wrap_content"
android:layout_height="wrap_content"></AdapterViewFlipper>
滑动按钮组件
一键双状态，但是是滑动开关图标的样子
<!--滑动按钮-->
<Switch
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
叠堆组件
类似图片叠放在一起的效果
<StackView
android:layout_width="100dp"
android:layout_height="100dp"></StackView>
单选按钮
<RadioButton
android:id="@+id/sick_leave"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="23dp"
android:background="@drawable/bg_btn_selector_tow"
android:button="@null"
android:gravity="center"
android:minWidth="80dp"
android:minHeight="40dp"
android:text="病假"
android:textSize="@dimen/font_size_14"
android:textColor="@color/fontWhite" />
android:button="@null"这条语句将原来系统的RadioButton图标给隐藏起来。
单选按钮组
只能在多个选择里，选中一个的按钮组件，选择一个后，另外一个选中的会自动取消
<!--单选按钮组-->
<RadioGroup
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:checkedButton="@id/a">
<!--android:checkedButton="@id/a" 默认选择值-->
<RadioButton
android:id="@+id/a"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="A"/>
<RadioButton
android:id="@+id/b"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="B"/>
</RadioGroup>
代码上添加默认选中值
((RadioButton)radioGroup.getChildAt(0)).setChecked(true);
获取选中的值
selectData.getCheckedRadioButtonId();
复选框组件
<CheckBox
android:id="@+id/check_agreement"
android:text="我已阅读并同意"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="true"//默认选中状态
/>
mCheckAgreement = (CheckBox)findViewById(R.id.check_agreement);
mCheckAgreement.isChecked();//查询当前选中状态
mCheckAgreement.setChecked(true);//设置默认
mCheckAgreement.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
L.e("点击状态"+isChecked);
}
});
替换选择图片：
ic_checkbox.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/ic_round_check_orange" android:state_checked="true"></item>
<item android:drawable="@drawable/ic_round_check_gray" android:state_checked="false"></item> </selector>
<!--在styles.xml文件里添加 checkbox的图片风格-->
<style name="loginCheckbox" parent="@android:style/Widget.CompoundButton.CheckBox">
<item name="android:button">@drawable/ic_checkbox</item>
</style>
<CheckBox
android:id="@+id/check_agreement"
android:text="我已阅读并同意"
android:textColor="@color/colorGray3"
android:textSize="@dimen/font_size_14"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="true"
style="@style/loginCheckbox"/>
带文字的复选框组件（可能已经废弃了，使用上面的复选框一样可以带文字）
什么？你还在用TextView在加CheckBox实现复选框功能？快使用带文字的复选框试试吧，优点比CheckBox 有更大的点击范围，点击文字也可以支持勾选，用户操作上更舒服。
<CheckedTextView
android:layout_width="wrap_content"
android:layout_height="?android:attr/listPreferredItemHeightSmall"
android:textAppearance="?android:attr/textAppearanceListItemSmall"
android:gravity="center_vertical"
android:drawableLeft="?android:attr/listChoiceIndicatorMultiple"
android:checkMark="?android:attr/listChoiceIndicatorMultiple"
android:focusableInTouchMode="true"//在触摸模式下可聚焦，触摸就选中
android:filterTouchesWhenObscured="true"//遮挡时过滤触摸
android:text="@string/order" />
其中：android:drawableLeft控制显示在左边，checkMark控制显示在右边。
?android:attr/listChoiceIndicatorMultiple 表示复选框，?android:attr/listChoiceIndicatorSingle表示单选框
mCheckAgreement.setChecked(true);//设置默认选中
mCheckAgreement.isChecked();//查看选中状态
设置选着框的样式：
selector必须要使用drawable,不能使用color，否者会报xml错误
//incompetence_item_selector xml名称
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/uncheck" android:state_enabled="true" android:state_focused="true" android:state_pressed="false" />
<item android:drawable="@drawable/check" android:state_enabled="true" android:state_pressed="true" />
<item android:drawable="@drawable/check" android:state_checked="true" android:state_enabled="true" />
<item android:drawable="@drawable/uncheck" /> </selector>
<CheckedTextView
android:id="@+id/incompetence_item_ctv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:button="@null"
android:ellipsize="marquee"
android:filterTouchesWhenObscured="true"
android:focusableInTouchMode="true"
android:gravity="center_vertical"
android:padding="@dimen/padding_size_two"
android:text="CheckedTextView 注意事项" />
设置背景的selector一定要在代码里面设置，不能再xml中设置：
incompetence_item_ctv.setCheckMarkDrawable(R.drawable.incompetence_item_selector)
双向开关组件
跟你家里的灯的开关按钮一样，它一个按键支持两种状态
<!--双向开关按钮组件-->
<ToggleButton
android:id="@+id/btn_offAndOn"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textOff="关闭功能"
android:textOn="启用功能"/>
mBtn = (ToggleButton)findViewById(R.id.btn_offAndOn);
mBtn.setOnClickListener(this);
@Override
public void onClick(View view) {
switch (view.getId()){
case R.id.btn_offAndOn:
Intent intent = new Intent(MainActivity.this,PhoneServer.class);
if (mBtnWiFiAP.isChecked()){
startService(intent);
}else {
stopService(intent);
}
break;
default:
break;
}
视图翻页
这是一个需要创建适配器的View，最常用的场景是在app进入后的引导页面，翻页方式为一页一页
<androidx.viewpager.widget.ViewPager
android:id="@+id/view_pager"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"> </androidx.viewpager.widget.ViewPager>
所属专用适配器
public class GuideAdapter extends PagerAdapter {
private List<Integer> mImageIdList = new ArrayList<>();
private View mLastPageView;
public GuideAdapter(List<Integer> imageIdList,View lastPageView){
mImageIdList.clear();
this.mImageIdList.addAll(imageIdList);
this.mLastPageView = lastPageView;
}
@Override
public int getCount() {
if (mLastPageView == null){
return mImageIdList.size();
}else {
return mImageIdList.size()+1;
}
}
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
return view == object;
}
@NonNull
@Override
public Object instantiateItem(@NonNull ViewGroup container, int position) {
L.e("position="+position);
L.e("getCount()="+getCount());
if (position == getCount()-1 && mLastPageView != null){ //判断是不是最后一页,如果是就导入一个带有按键的布局
container.addView(mLastPageView);
return mLastPageView;
}else { //如果不是就使用一个ImageView填充
ImageView imageView = new ImageView(container.getContext());
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
imageView.setImageResource(mImageIdList.get(position));
container.addView(imageView);
return imageView;
}
}
@Override
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
container.removeView((View)object);
}
}
视图翻页的兄弟ViewFlipper（快速翻页）
这是一个需要创建适配器的View，最常用的场景是在图库里的图片浏览界面，翻页方式为快速拖动
<ViewFlipper
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ViewFlipper>
自动补全文本框
<MultiAutoCompleteTextView
android:layout_width="match_parent"
android:layout_height="match_parent" />
输入框自动提示组件
<AutoCompleteTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
| 属性 | 对应方法 | 描述 |
|---|---|---|
| android:completionHint | setCompletionHint(CharSequence) | 设置下拉菜单中的提示标题 |
| android:completionHintView | 设置下拉菜单中提示标题的视图 | |
| android:completionThreshold | setThreshold(int) | 设置用户至少输入几个字符才会显示提示。默认为 2 个 |
| android:dropDownSelector | 设置选中的item背景色 | |
| android:dropDownAnchor | setDropDownAnchor(int id) | 它的值是一个View的ID，指定后，AutoCompleteTextView会在这个View下弹出自动提示。 |
| android:dropDownWidth | 设置自动提示列表的宽度。 | |
| android:dropDownHeight | 设置自动提示列表的高度。 | |
| 原属性之外的几个常用方法 | ||
| android:dropDownHorizontalOffest | 设置下拉菜单与文本框之间的水平偏移，下拉菜单默认与文本框左对齐 | |
| adnroid:dropDownVerticalOffest | 设置下拉菜单与文本框之间的垂直偏移，下拉菜单默认紧跟文本框 | |
| android:popupBackground | setDropDownBackgroundResource(int) | 设置下拉菜单的背景 |
评分组件（给产品快速评分）
<RatingBar
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
进度条组件
<!--默认圆环进度条-->
<ProgressBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:max="100"/> <!--水平进度条-->
<ProgressBar
android:layout_width="200dp"
android:layout_height="wrap_content"
style="?android:attr/progressBarStyleHorizontal"
android:max="100"/>
- @android:style/Widget.ProgressBar.Horizontal：水平进度条（可以显示刻度，常用）。
- @android:style/Widget.ProgressBar.Small：小进度条。
- @android:style/Widget.ProgressBar.Large：大进度条。
- @android:style/Widget.ProgressBar.Inverse：不断跳跃、旋转画面的进度条。
- @android:style/Widget.ProgressBar.Large.Inverse:不断跳跃、旋转动画的大进度条。
- @android:style/Widget.ProgressBar.Small.Inverse：不断跳跃、旋转动画的小进度条
- android:max：设置进度的最大值。
- android:progress:设置当前第一进度值。
- android:secondaryProgress：设置当前第二进度值。
- android:visibility：设置是否显示，默认显示。
自定义样式:
1.不确定样式(就是转圈)
android:indeterminateDrawable="@anim/pull_up_ic"
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@mipmap/ic_rolling"
android:fromDegrees="0"
android:toDegrees="650"
android:pivotX="50%"
android:pivotY="50%"
android:visible="true"
android:duration="3000"
android:repeatCount="infinite"> </rotate>
2.进度条样式(可以设置正向和反向进度条)
style="@android:style/Widget.ProgressBar.Horizontal"
android:progressDrawable="@drawable/progress_bar"
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<color android:color="@color/colorGray5"/>
</item> <item android:id="@android:id/secondaryProgress">
<clip>
<shape>
<corners android:radius="5dp"/>
<gradient
android:startColor="@color/colorGray5"
android:endColor="@color/colorGray5"/>
</shape>
</clip>
</item> <item android:id="@android:id/progress">
<clip
android:clipOrientation="horizontal"
android:gravity="right">
<shape>
<corners android:radius="5dp"/>
<gradient
android:startColor="@color/colorDarkGreen"
android:endColor="@color/colorDarkGreen"/>
</shape>
</clip>
</item>
</layer-list>
此样式为反向进度条,改变绘制方向的属性为android:gravity="right"
数字选择器组件（自定义选择器）
<NumberPicker
android:layout_width="match_parent"
android:layout_height="match_parent"></NumberPicker>
日历组件
<CalendarView
android:layout_width="match_parent"
android:layout_height="match_parent"></CalendarView>
计时器组件
<Chronometer
android:id="@+id/cRecordPopTime"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginBottom="@dimen/d24"
android:fontFamily="sans-serif-light"
android:textColor="@color/fontHint"
android:textSize="@dimen/s13"
tools:targetApi="jelly_bean" />
Chronometer mChronometer;
mChronometer.setOnChronometerTickListener(new Chronometer.OnChronometerTickListener() {
@Override
public void onChronometerTick(Chronometer cArg) {
long time =System.currentTimeMillis() - cArg.getBase();
Date d = new Date(time);
SimpleDateFormat sdf = new SimpleDateFormat("HH:mm:ss", Locale.US);
sdf.setTimeZone(TimeZone.getTimeZone("UTC"));
timeView.setText(sdf.format(d));
}
});
timeView.setBase(System.currentTimeMillis());
timeView.start();
时间显示组件
<TextClock
android:id="@+id/time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:format24Hour="yyyy年MM月dd日 HH时mm分ss秒"
android:format12Hour="yyyy年MM月dd日 HH时mm分ss秒"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"/>
建议12小时和24小时格式都需要写上，否则会出现机器设置为12小时制，你设置为24小时制，导致年月日无法显示的问题。
<TextClock
android:id="@+id/tc_eeee"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/white"
android:format12Hour="EEEE"
android:format24Hour="EEEE"
android:textSize="16sp" />
EEEE是星期
setFormatHour(tc_hhmm,"hh:mm");//当前时钟
setFormatHour(tc_yyyymmdd,"yyyy年M月dd日");//年月日
setFormatHour(tc_eeee,"EEEE");//星期
代码调用
时间选择器组件
<TimePicker
android:id="@+id/tiem_picker"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:timePickerMode="spinner"
android:layout_gravity="center"
android:numbersTextColor="@color/theme_color"
android:scaleY="1.5"
android:scaleX="1.5"/>
//时间值传入，并且设置修改时间选择器的时间显示
public void timeDataInit(){
Intent intent = getIntent();
mHour = intent.getIntExtra(KEY_HOUR,-1);
mMinute = intent.getIntExtra(KEY_MINUTE,-1);
if(mHour != -1 && mMinute != -1){
mTiemPicker.setCurrentHour(mHour);
mTiemPicker.setCurrentMinute(mMinute);
}else {
Log.e("SelectionTiem","传入的时间值为空");
}
} @Override
public void initData() {
//将时间选择器里的值传出
mTiemPicker.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() {
@Override
public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
mHour = hourOfDay;
mMinute = minute;
}
});
}
时间选择器对话框组件
new TimePickerDialog(this,new TimePickerDialog.OnTimeSetListener() {
@Override
public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
houre = hourOfDay;
WuraoActivity.this.minute = minute;
if (WuraoActivity.this.minute < 10){
endTimeTv.setText(houre+":"+"0"+WuraoActivity.this.minute);
}else {
endTimeTv.setText(houre+":"+WuraoActivity.this.minute);
}
}
}, 0, 0, true).show();
日期选择器组件
<DatePicker
android:layout_width="wrap_content"
android:layout_height="wrap_content"></DatePicker>
日期选择器对话框组件
例子一:
/**
* 日期选择
* @param activity
* @param themeResId
* @param tv
* @param calendar
*/
public static void showDatePickerDialog(Activity activity, int themeResId, final TextView tv, Calendar calendar) {
new DatePickerDialog(activity , themeResId,new DatePickerDialog.OnDateSetListener() {
@Override
public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
// 此处得到选择的时间，可以进行你想要的操作
tv.setText("您选择了：" + year + "年" + (monthOfYear+1)+ "月" + dayOfMonth + "日"); }
}
// 设置初始日期
, calendar.get(Calendar.YEAR)
,calendar.get(Calendar.MONTH)
,calendar.get(Calendar.DAY_OF_MONTH)).show();
}
例子二:
DatePickerDialog datePickerDialog = new DatePickerDialog(TStudentAttendanceActivity.this,new DatePickerDialog.OnDateSetListener() {
@Override
public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) {
}
},2019,1,1);
datePickerDialog.updateDate(2019,1,1);
datePickerDialog.show();
设置时间选择范围:
DatePicker datePicker = mDatePickerDialog.getDatePicker();
datePicker.setMaxDate(System.currentTimeMillis()-1000);//注意时间不能等于当前时间,否则会报错
datePicker.setMinDate(1);
年月选择对话框(隐藏日期选择,修改分割线颜色)
public void showDatePickerDialog() {
if (mDatePickerDialog == null) {
mDatePickerDialog = new DatePickerDialog(TStudentAttendanceStatisticsActivity.this,DatePickerDialog.THEME_HOLO_LIGHT, new DatePickerDialog.OnDateSetListener() {//重点!DatePickerDialog.THEME_HOLO_LIGHT 这里是选择日期对话框风格
@Override
public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) {
Calendar calendar = Calendar.getInstance();
calendar.set(Calendar.YEAR,year);
calendar.set(Calendar.MONTH,month);
calendar.set(Calendar.DAY_OF_MONTH,dayOfMonth);
mCurrentTime = calendar.getTimeInMillis();
}
}, ,,);
}
mDatePickerDialog.setOnDismissListener(new DialogInterface.OnDismissListener() {
@Override
public void onDismiss(DialogInterface dialog) {
}
});
DatePicker datePicker = mDatePickerDialog.getDatePicker();
datePicker.setMaxDate(System.currentTimeMillis()-);//设置最大选择日期
((ViewGroup) ((ViewGroup) datePicker.getChildAt()).getChildAt()).getChildAt().setVisibility(View.GONE);//隐藏日期
setDatePickerDividerColor(datePicker);//修改分割线颜色
mDatePickerDialog.updateDate(TimeUtil.getYear(mCurrentTime),TimeUtil.getMonth(mCurrentTime),TimeUtil.getDayOfMonth(mCurrentTime));
mDatePickerDialog.show();
}
/**
* 设置时间选择器的分割线颜色
* @param datePicker
*/
private void setDatePickerDividerColor(DatePicker datePicker) {
// Divider changing:
// 获取 mSpinners
LinearLayout llFirst = (LinearLayout) datePicker.getChildAt();
// 获取 NumberPicker
LinearLayout mSpinners = (LinearLayout) llFirst.getChildAt();
for (int i = ; i < mSpinners.getChildCount(); i++) {
NumberPicker picker = (NumberPicker) mSpinners.getChildAt(i);
Field[] pickerFields = NumberPicker.class.getDeclaredFields();
for (Field pf : pickerFields) {
if (pf.getName().equals("mSelectionDivider")) {
pf.setAccessible(true);
try {
pf.set(picker, new ColorDrawable(Color.parseColor("#fea239")));//设置分割线颜色
} catch (IllegalArgumentException e) {
e.printStackTrace();
} catch (Resources.NotFoundException e) {
e.printStackTrace();
} catch (IllegalAccessException e) {
e.printStackTrace();
}
break;
}
}
}
}
效果图:
视频播放组件
<VideoView
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
视频动画组件
在Android中，ViewAnimator是FrameLayout的一个子类，用来做Views之间的切换。它是一个变换控件的
元素，帮助我们在Views之间（如TextView, ImageView或者其他layout）添加变换。它有助于在屏幕view添加动画。ViewAnimator可以在两个及以上Views上平滑的切换，通过合适动画，提供从一个View到另外一个View变换的方式。
<ViewAnimator
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ViewAnimator>
视图存根组件
要显示某些控件了，在加载，节省内存～ 跟android:visibility="gone"属性说拜拜
<ViewStub
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
曲面视图 SurfaceView,SurfaceTexture,TextureView,
首先SurfaceView,SurfaceTexture,TextureView都是为了实现单独刷新帧数的View(与UI线程的帧数无关).
- SurfaceView API 1.0 加入
- GLSurfaceView API 1.5加入
- SurfaceTexture API 11加入
- TextureView Android4.0(API level 14)加入
SurfaceView
从Android 1.0(API level 1)时就有 。它继承自类View，因此它本质上是一个View。但与普通View不同的是，它有自己的Surface。我们知道，一般的Activity包含的多个View会组成View hierachy的树形结构，只有最顶层的DecorView，也就是根结点视图，才是对WMS可见的。这个DecorView在WMS中有一个对应的WindowState。而SurfaceView就是在Window上挖一个洞，它就是显示在这个洞里，其他的View是显示在Window上，所以View可以显示在 SurfaceView之上，你也可以添加一些层在SurfaceView之上。（例如在上面设置一些按钮控件）我们知道View的更新只能在UI线程中，所以使用自定义View没办法这么做，但是SurfaceView就可以了。它一个很好用的地方就是允许其他线程(不是UI线程)绘制图形(使用Canvas)，根据它这个特性，你就可以控制它的帧数，你如果让这个线程1秒执行50次绘制，那么最后显示的就是50帧。（一般使用thread.sleep(20);代表一秒刷新50次）SurfaceView能够自己控制执行帧数的对象，这样可以弥补View的不足，因为有时候View的帧数太低了，这会导致画面效果不顺畅，影响体验效果。
SurfaceView是在一个新起的单独线程中可以重新绘制画面，而View必须在UI的主线程中更新画面。那么在UI的主线程中更新画面 可能会引发问题，比如你更新画面的时间过长，那么你的主UI线程会被你正在画的函数阻塞。那么将无法响应按键，触屏等消息。当使用surfaceView 由于是在新的线程中更新画面所以不会阻塞你的UI主线程。但这也带来了另外一个问题，就是事件同步。比如你触屏了一下，你需要surfaceView中 thread处理，一般就需要有一个event queue的设计来保存touch event，这会稍稍复杂一点，因为涉及到线程同步。
所以基于以上，根据游戏特点，一般分成两类
1 被动更新画面的。比如棋类，这种用view就好了。因为画面的更新是依赖于 onTouch 来更新，可以直接使用 invalidate。 因为这种情况下，这一次Touch和下一次的Touch需要的时间比较长些，不会产生影响。
2 主动更新。比如一个人在一直跑动。这就需要一个单独的thread不停的重绘人的状态，避免阻塞main UI thread。所以显然view不合适，需要surfaceView来控制。
本质区别：
View：必须在UI的主线程中更新画面，用于被动更新画面。
surfaceView：UI线程和子线程中都可以。在一个新启动的线程中重新绘制画面，主动更新画面。
<SurfaceView
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
SurfaceHolder surfaceHolder = surfaceView.getHolder();
surfaceHolder.addCallback(new SurfaceHolder.Callback() {
@Override
public void surfaceCreated(SurfaceHolder holder) { } @Override
public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) { } @Override
public void surfaceDestroyed(SurfaceHolder holder) { }
});
SurfaceTexture
从Android 3.0(API level 11)加入。和SurfaceView不同的是，它对图像流的处理并不直接显示，而是转为GL外部纹理，因此可用于图像流数据的二次处理（如Camera滤镜，桌面特效等）。比如Camera的预览数据，变成纹理后可以交给GLSurfaceView直接显示，也可以通过SurfaceTexture交给TextureView作为View heirachy中的一个硬件加速层来显示。首先，SurfaceTexture从图像流（来自Camera预览，视频解码，GL绘制场景等）中获得帧数据，当调用updateTexImage()时，根据内容流中最近的图像更新SurfaceTexture对应的GL纹理对象，接下来，就可以像操作普通GL纹理一样操作它了。从下面的类图中可以看出，它核心管理着一个BufferQueue的Consumer和Producer两端。Producer端用于内容流的源输出数据，Consumer端用于拿GraphicBuffer并生成纹理。SurfaceTexture.OnFrameAvailableListener用于让SurfaceTexture的使用者知道有新数据到来。JNISurfaceTextureContext是OnFrameAvailableListener从Native到Java的JNI跳板。其中SurfaceTexture中的attachToGLContext()和detachToGLContext()可以让多个GL context共享同一个内容源。
TextureView
在4.0(API level 14)中引入。它可以将内容流直接投影到View中，可以用于实现Live preview等功能。和SurfaceView不同，它不会在WMS中单独创建窗口，而是作为View hierachy中的一个普通View，因此可以和其它普通View一样进行移动，旋转，缩放，动画等变化。值得注意的是TextureView必须在硬件加速的窗口中。它显示的内容流数据可以来自App进程或是远端进程。从类图中可以看到，TextureView继承自View，它与其它的View一样在View hierachy中管理与绘制。TextureView重载了draw()方法，其中主要把SurfaceTexture中收到的图像数据作为纹理更新到对应的HardwareLayer中(这句话是重点因为Camera2需要从TextureView里拿到SurfaceTexture)。SurfaceTexture.OnFrameAvailableListener用于通知TextureView内容流有新图像到来。SurfaceTextureListener接口用于让TextureView的使用者知道SurfaceTexture已准备好，这样就可以把SurfaceTexture交给相应的内容源。Surface为BufferQueue的Producer接口实现类，使生产者可以通过它的软件或硬件渲染接口为SurfaceTexture内部的BufferQueue提供graphic buffer。
<TextureView
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
使用TextureView需要开启硬件加速功能.开启硬件加速方法如下:
在AndroidManifest.xml 清单文件里,你需要实现相机功能的activity添加 android:hardwareAccelerated="true"
SurfaceTextureListener接口
mTextureView.setSurfaceTextureListener(new TextureView.SurfaceTextureListener() {
@Override
public void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height) {
//可用
//此处一般加载内容,比如相机预览图像
}
@Override
public void onSurfaceTextureSizeChanged(SurfaceTexture surface, int width, int height) {
//尺寸变化
}
@Override
public boolean onSurfaceTextureDestroyed(SurfaceTexture surface) {
//销毁
return false;
}
@Override
public void onSurfaceTextureUpdated(SurfaceTexture surface) {
//更新
}
});
QuickContactBadge
关联联系人组件
badge = (QuickContactBadge) findViewById(R.id.badge);
// 指定联系人的电话号码
// 先搜索该号码，如果没有则提醒是否添加到联系人
// 第二个参数为延迟匹配，若为true，则直到被点击时才会查找该地址
badge.assignContactFromPhone("15958455037", false);
end
Android 开发 系统组件集合的更多相关文章
-
android开发 系统时间与定时器之间有关系嘛？
如题: android开发 系统时间与定时器之间有关系嘛? 答案:有. 看定时器源码: /* * Schedule a task. */ private void scheduleImpl(Timer ...
-
一个帖子学会Android开发四大组件
来自:http://www.cnblogs.com/pepcod/archive/2013/02/11/2937403.html 这个文章主要是讲Android开发的四大组件,本文主要分为 一.Act ...
-
一天就学会Android开发四大组件
这个文章主要是讲Android开发的四大组件,本文主要分为 一.Activity详解二.Service详解三.Broadcast Receiver详解四.Content Provider详解外加一个重 ...
-
关于Android开发四大组件
文章主要是讲Android开发的四大组件,本文主要分为 文章源自:http://www.cnblogs.com/pepcod/archive/2013/02/11/2937403.html 一.Act ...
-
Android开发四大组件概述
这个文章主要是讲Android开发的四大组件,本文主要分为 一.Activity具体解释 二.Service具体解释 三.Broadcast Receiver具体解释 四.Content Provid ...
-
Android开发四大组件之Service（具体解释篇）
Android开发之四大组件--Service 一.Service 简单介绍 Service是android系统中的四大组件之中的一个(Activity.Service.BroadcastReceiv ...
-
Android开发之组件
Android应用程序由组件组成,组件是可以解决被调用的基本功能模块.Android系统利用组件实现程序内部或程序间的模块调用,以解决代码复用问题,这是Android系统非常重要的特性.在程序设计时, ...
-
android开发常用组件【持续更新中。。。】
UI相关 图片 Android-Universal-Image-Loader:com.nostra13.universalimageloader:异步加载.缓存.显示图片 ImageLoader:co ...
-
从零开始学android开发-四大组件之一 Activity
1.Activity是Android四大组件(Application Components)之一,简单来说Activity就是平常所见到的用户界面,一般情况下,一个Activity所占的窗口是满屏的, ...
随机推荐
-
在xcode中用 swift 进行网络服务请求
xcode集成开发环境是运行于Mac苹果电脑上用于开发swift应用程序的工具,利用xcode可以很方便.直观的开发OS X和iOS系统所支持的应用程序. 1 开发环境: Mac OS 10.11 X ...
-
开源监控软件ganglia安装手册
Ganglia是一个监控服务器,集群的开源软件,能够用曲线图表现最近一个小时,最近一天,最近一周,最近一月,最近一年的服务器或者集群的cpu负载,内存,网络,硬盘等指标. Ganglia的强大在于:g ...
-
【暑假】[实用数据结构] AC自动机
Aho-Corasick自动机 算法: <功能> AC自动机用于解决文本一个而模板有多个的问题. AC自动机可以成功将多模板匹配,匹配意味着算法可以找到每一个模板在文本中出现的位置. & ...
-
HTML DOM select() 方法
定义和用法 select() 方法用于选择该元素中的文本. 语法 textareaObject.select() 实例 下面的例子可选择文本框中的文本: <html> <head&g ...
-
git（安装）配置
安装: git安装程序下载:https://git-scm.com/. 配置: $ git config --global user.name "Your Name" $ git ...
-
Java进阶(二十六)公司项目开发知识点回顾
公司项目开发知识点回顾 前言 "拿来主义"在某些时候并不是最佳选择,尤其是当自己遇到问题的时候,毫无头绪. 在一次实验过程中,需要实现数据库的CRUD操作.由于之前项目开发过程中, ...
-
问题记录 --Error parsing column 1 (Function_Num=10 - String)”
当C#查询数据库出现Error parsing column ## 的时候,首先去看看数据库里面该字段是什么类型,然后在看看你在创建model 的时候是什么类型,如果model的类型和数据库字段类型不 ...
-
linux 基础笔记本
ubuntu 端口使用查看 查看已经连接的服务端口(ESTABLISHED) netstat -a 查看所有的服务端口(LISTEN,ESTABLISHED) netstat -ap 查看指定端口,可 ...
-
pygame-KidsCanCode系列jumpy-part17-mask-collide碰撞检测
这节我们研究下pygame的几种碰撞检测模式: 如上图,左侧是默认的检测模式:基于矩形的检测(这也是性能最好的模式), 右侧是基于圆形的检测(性能略差于矩形检测). 矩形检测法虽然性能好,但是缺点也很 ...
-
python线程，pipe管道通信原理
Pipe管道: * 管道实例化后会产生两个通道,分别交给两个进程* 通过send和recv来交互数据,这是一个双向的管道,child和parent可以互相收发 from multiprocessing ...