Android学习——UI高级组件二
Android学习——UI高级组件二
1.ExpandableListView（可扩展的listView）
设置一个ExpandableListView控件
在Activity类中
public class Main7Activity extends AppCompatActivity {
private ExpandableListView listView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main7);
listView=findViewById(R.id.expandableListView);
listView.setAdapter(new MyExpandableAdapter());
//注册单击事件
listView.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
@Override
public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
Toast.makeText(Main7Activity.this, childs[groupPosition][childPosition], Toast.LENGTH_SHORT).show();
return true;
}
});
}
private String[] groups={"学生","老师"};
private String[][] childs={{"路人甲","炮灰乙","流氓丙"},{"火柴人","土匪丁","马"}};
//适配器
class MyExpandableAdapter extends BaseExpandableListAdapter {
@Override
public int getGroupCount() {
return groups.length;
}
@Override
public int getChildrenCount(int groupPosition) {
return childs[groupPosition].length;
}
@Override
public Object getGroup(int groupPosition) {
return groups[groupPosition];
}
@Override
public Object getChild(int groupPosition, int childPosition) {
return childs[groupPosition][childPosition];
}
@Override
public long getGroupId(int groupPosition) {
return groupPosition;
}
@Override
public long getChildId(int groupPosition, int childPosition) {
return childPosition;
}
@Override
public boolean hasStableIds() {
return false;
}
@Override
public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
if (convertView==null){
convertView=getLayoutInflater().inflate(R.layout.group_layout,null);
}
ImageView icon = convertView.findViewById(R.id.icon);
TextView title=convertView.findViewById(R.id.title);
// icon.setImageResource();
title.setText(groups[groupPosition]);
return convertView;
}
@Override
public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
if (convertView==null){
convertView=getLayoutInflater().inflate(R.layout.child_layout,null);
}
ImageView icon = convertView.findViewById(R.id.icon);
TextView title=convertView.findViewById(R.id.title);
// icon.setImageResource();
title.setText(childs[groupPosition][childPosition]);
return convertView;
}
@Override
public boolean isChildSelectable(int groupPosition, int childPosition) {
return true;
}
}
}
配置groups和childs的布局文件（布局方法相同）
2.ImageSwitch图片切换和动画
ImageSwitch控制图片展示效果的控件，如幻灯片效果
布局文件
Activity类中设置接口：ViewSwitcher.ViewFactory,View.OnTouchListener；
public class Main8Activity extends AppCompatActivity implements ViewSwitcher.ViewFactory,View.OnTouchListener {
private ImageSwitcher imageSwitcher;
private int[] images={R.mipmap.a,R.mipmap.b,R.mipmap.c};
private int index;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main8);
imageSwitcher=(ImageSwitcher) findViewById(R.id.imageSwitcher);
imageSwitcher.setOnTouchListener(this);
imageSwitcher.setFactory(this);
}
@Override
public View makeView() {
//实例化
ImageView iv=new ImageView(this);
iv.setImageResource(images[0]);
return iv;
}
float startX=0.0f;
float endX = 0.0f;
//设置触屏事件，滑动图片效果
@Override
public boolean onTouch(View v, MotionEvent event) {
int action=event.getAction();//获取当前事件动作
// System.out.println("action"+action);
if (action==MotionEvent.ACTION_DOWN){
startX=event.getX();
return true;
}
if (action==MotionEvent.ACTION_UP){
endX=event.getX();
if (startX-endX>20){//下一张
index=index+120){//上一张
index=index-1>=0?--index:images.length-1;
}
// System.out.println("index"+index);
imageSwitcher.setImageResource(images[index]);
}
return true;
}
}
实现动画效果
主要修改下面这段代码
if (startX-endX>20){//下一张
index=index+120){//上一张
index=index-1>=0?--index:images.length-1;
imageSwitcher.setInAnimation(this,android.R.anim.fade_in);
imageSwitcher.setOutAnimation(this,android.R.anim.fade_out);
}
3.TextSwitch文本切换
TextSwitcher与ImageSwitch的使用方法类似
public class Main8Activity extends AppCompatActivity implements ViewSwitcher.ViewFactory,View.OnTouchListener {
private TextSwitcher textSwitcher;
private String[] texts={"书山有路勤为径","学海无涯苦作舟","天道酬勤","宁静致远"};
private int index;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main8);
textSwitcher=findViewById(R.id.textSwitcher);
textSwitcher.setOnTouchListener(this);
textSwitcher.setFactory(this);
}
@Override
public View makeView() {
//实例化
TextView tv=new TextView(this);
tv.setText(texts[index]);
return tv;
}
float startX=0.0f;
float endX = 0.0f;
//触屏事件
@Override
public boolean onTouch(View v, MotionEvent event) {
int action=event.getAction();//获取当前事件动作
if (action==MotionEvent.ACTION_DOWN){
startX=event.getX();
return true;
}
if (action==MotionEvent.ACTION_UP){
endX=event.getX();
if (startX-endX>20){//下一张
index=index+120){//上一张
index=index-1>=0?--index:texts.length-1;
textSwitcher.setInAnimation(this,android.R.anim.fade_in);
textSwitcher.setOutAnimation(this,android.R.anim.fade_out);
}
textSwitcher.setText(texts[index]);
}
return true;
}
}
4.ViewFlipper
在action_main.xml文件中配置viewFlipper
自定义四个动画效果
in_leftright.xml（从左到右进）
in_rightleft.xml（从右到左进）
out_rightleft.xml（从右到左出）
out_leftright.xml（从左到右出）
Activity
package com.example.myapplication;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.TextSwitcher;
import android.widget.TextView;
import android.widget.ViewFlipper;
import android.widget.ViewSwitcher;
/*imageSwitcher、textSwitcher配置时，需用到接口 implements ViewSwitcher.ViewFactory,View.OnTouchListener*/
public class Main8Activity extends AppCompatActivity {
private ViewFlipper viewFlipper;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main8);
viewFlipper=findViewById(R.id.viewFlipper);
}
float startX=0.0f;
float endX = 0.0f;
//viewFliper
@Override
public boolean onTouchEvent(MotionEvent event) {
int action=event.getAction();
if (action==MotionEvent.ACTION_DOWN){
startX=event.getX();
}else if (action==MotionEvent.ACTION_UP){
if (startX>endX){//Next
viewFlipper.setInAnimation(this,R.anim.in_rightleft);
viewFlipper.setOutAnimation(this,R.anim.out_rightleft);
viewFlipper.showNext();
}else if (startX
Menu选项菜单
//用于创建选项菜单的事件方法，再打开界面时会被自动调用
@Override
public boolean onCreateOptionsMenu(Menu menu) {
//添加菜单项（组ID，当前选项ID，排序，标题）
menu.add(0,100,1,"设置游戏");
menu.add(0,200,2,"开始游戏");
menu.add(0,300,3,"退出游戏");
return true;
}
//菜单选项的单击事件
@Override
public boolean onOptionsItemSelected(MenuItem item) {
int id=item.getItemId();
switch (id){
case 100:
Toast.makeText(this, "正在打开设置游戏界面", Toast.LENGTH_SHORT).show();
break;
case 200:
Toast.makeText(this, "正在启动游戏", Toast.LENGTH_SHORT).show();
break;
case 300:
Toast.makeText(this, "正在退出游戏", Toast.LENGTH_SHORT).show();
break;
}
return super.onOptionsItemSelected(item);
}
若不显示标题栏，在清单文件中删除这一行代码即可。
菜单填充器：在res下新建一个menu目录
新建xml文件，写入菜单选项，给菜单选项加上图片
则单击事件修改为
switch (id){
case R.id.t1:
Toast.makeText(this, "正在打开设置游戏界面", Toast.LENGTH_SHORT).show();
break;
case R.id.t2:
Toast.makeText(this, "正在启动游戏", Toast.LENGTH_SHORT).show();
break;
case R.id.t3:
Toast.makeText(this, "正在退出游戏", Toast.LENGTH_SHORT).show();
break;
Context Menu（上下文菜单）
添加组件
设置菜单
-
-
-
改变背景颜色事件
/*
* 上下文菜单
* */
public class Main10Activity extends AppCompatActivity {
private TextView tv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main10);
tv=findViewById(R.id.textView_bg);
//注册上下文菜单到tv组件上
registerForContextMenu(tv);
}
//创建上下文菜单事件方法
@Override
public void onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) {
super.onCreateContextMenu(menu, v, menuInfo);
getMenuInflater().inflate(R.menu.menu_main2,menu);
}
//上下文菜单单击事件
@Override
public boolean onContextItemSelected(MenuItem item) {
switch (item.getItemId()){
case R.id.red:
tv.setBackgroundColor(Color.RED);
break;
case R.id.blue:
tv.setBackgroundColor(Color.BLUE);
break;
case R.id.green:
tv.setBackgroundColor(Color.GREEN);
break;
}
return super.onContextItemSelected(item);
}
}
Popup Menu（弹出式菜单）
新建button按钮
/*弹出式菜单*/
public class Main11Activity extends AppCompatActivity implements PopupMenu.OnMenuItemClickListener {
private Button buttonSelect;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main11);
buttonSelect=findViewById(R.id.button_select);
}
//按钮的单击事件
public void typeSizeClick(View v){
//创建弹出式菜单
PopupMenu popupMenu=new PopupMenu(this,v);
//获取菜单填充器
MenuInflater inflater=popupMenu.getMenuInflater();
//填充菜单
inflater.inflate(R.menu.menu_main3,popupMenu.getMenu());
//弹出式菜单选项的单击事件
popupMenu.setOnMenuItemClickListener(this);
popupMenu.show();
}
@Override
public boolean onMenuItemClick(MenuItem item) {
switch (item.getItemId()){
case R.id.s:
Toast.makeText(this, "你选择了S号", Toast.LENGTH_SHORT).show();
break;
case R.id.m:
Toast.makeText(this, "你选择了M号", Toast.LENGTH_SHORT).show();
break;
case R.id.l:
Toast.makeText(this, "你选择了L号", Toast.LENGTH_SHORT).show();
break;
}
return true;
}
}
菜单选项
ViewPager
基本使用
先配置布局文件
为界面自定义布局layout1.xml、layout2.xml、layout3.xml、layout4.xml
Activity文件
package com.example.myapplication;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.PagerTabStrip;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.ViewGroup;
import java.util.ArrayList;
/*
* viewpager组件的使用
* */
public class Main12Activity extends AppCompatActivity {
private ViewPager viewPager;
private PagerTabStrip pagerTabStrip;
//设置标题
private String[] titles={"人像","山海","人山海","禽兽"};
//装布局
private ArrayList views=new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main12);
viewPager=findViewById(R.id.viewPager);
pagerTabStrip=findViewById(R.id.pagerTab);
initViews();
viewPager.setAdapter(new MyPagerAdapter());
}
private void initViews(){
views.add(getLayoutInflater().inflate(R.layout.layout1,null));
views.add(getLayoutInflater().inflate(R.layout.layout2,null));
views.add(getLayoutInflater().inflate(R.layout.layout3,null));
views.add(getLayoutInflater().inflate(R.layout.layout4,null));
}
//适配器
class MyPagerAdapter extends PagerAdapter{
@Override
public int getCount() {
return views.size();
}
//实例化选项卡
@NonNull
@Override
public Object instantiateItem(@NonNull ViewGroup container, int position) {
View v=views.get(position);
container.addView(v);
return v;
}
//删除选项卡
@Override
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
container.removeView(views.get(position));
}
//获取标题
@Nullable
@Override
public CharSequence getPageTitle(int position) {
return titles[position];
}
//判断当前视图是否为返回对象
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object o) {
return view==o;
}
}
}
ViewPager属性配置
设置标题栏颜色，在initViews()方法中添加
pagerTabStrip.setBackgroundColor(getResources().getColor(android.R.color.holo_blue_light));
pagerTabStrip.setBackgroundColor(getResources().getColor(android.R.color.holo_blue_bright));
pagerTabStrip.setTextColor(Color.WHITE);
设置事件方法，设置接口
implements ViewPager.OnPageChangeListener
设置方法
//页面被切换
@Override
public void onPageScrolled(int i, float v, int i1) {
}
//页面被选中
@Override
public void onPageSelected(int i) {
Toast.makeText(this, "pager---"+i, Toast.LENGTH_SHORT).show();
}
//页面状态正在发生变化
@Override
public void onPageScrollStateChanged(int i) {
}
在initViews()下注册事件
viewPager.setOnPageChangeListener(this);
ViewPager程序首次启动引导案例
配置布局文件，添加小圆点图片
若要不显示标题栏，在清单文件中，添加一段代码
并且Activity类中的继承类也要改为Activity
改为
Activity文件
package com.example.myapplication;
import android.app.Activity;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import java.util.ArrayList;
public class Main13Activity extends Activity implements ViewPager.OnPageChangeListener {
private ViewPager viewPager;
private ArrayList views=new ArrayList<>();
private ImageView[] imageViews;
private int currentIndex=0;//当前正在显示的页面
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main13);
initViews();
initPoint();
}
private void initViews(){
viewPager=findViewById(R.id.viewPager);
views.add(getLayoutInflater().inflate(R.layout.layout1,null));
views.add(getLayoutInflater().inflate(R.layout.layout2,null));
views.add(getLayoutInflater().inflate(R.layout.layout3,null));
views.add(getLayoutInflater().inflate(R.layout.layout4,null));
//初始化view
viewPager.setOnPageChangeListener(this);
viewPager.setAdapter(new MyPagerAdapter());
}
private void initPoint(){
LinearLayout point_layout=findViewById(R.id.point_layout);
imageViews=new ImageView[views.size()];
for (int i=0;iimageViews.length-1){
return;
}
imageViews[currentIndex].setImageResource(R.drawable.y1);
imageViews[position].setImageResource(R.drawable.y2);
currentIndex=position;
}
@Override
public void onPageScrolled(int i, float v, int i1) {
}
@Override
public void onPageSelected(int i) {
setCurrentPoint(i);
}
@Override
public void onPageScrollStateChanged(int i) {
}
//适配器
class MyPagerAdapter extends PagerAdapter {
@Override
public int getCount() {
return views.size();
}
//实例化选项卡
@NonNull
@Override
public Object instantiateItem(@NonNull ViewGroup container, int position) {
View v=views.get(position);
container.addView(v);
return v;
}
//删除选项卡
@Override
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
container.removeView(views.get(position));
}
//判断当前视图是否为返回对象
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object o) {
return view==o;
}
}
}
