android----(分组、图片滑动)

这里写图片描述

整体思路:
1.要给ExpandableListView 设置适配器,那么必须先设置数据源
2.数据源,就是此处的适配品类ExpandaBleAdapter,此方法继承了BaseExpandableListAdapter ,这是ExpandableListView的子类,需要重写里面的多个方法,
数据源中,用到了自定义的View布局此时根据自己的需求,来设置线和子项的布局样式 ,
getChildView() 和 getGroupView() 方法设置自定义布局
数据源设置好,直接给ExpandableListView.setAdapter()即可实现此收缩功能

1.main_layout
<ExpandableListView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/expandableListView"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true"
  />

2.gruop_layout.xml child_layout也一样
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    >
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/icon"
        android:src="@mipmap/ic_launcher"
        android:maxWidth="64dp"
        android:maxHeight="64dp"
        android:adjustViewBounds="true"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/title"
        android:text="not data"
        />
</LinearLayout>

3.核心代码:
public class MainActivity extends Activity {
    private ExpandableListView listView;

    //组名称
    private String[] groups = {"好友","学校"};

    //每一组中的内容
    private String[][] childs = {{"猪猪","淡淡","默认"},{"老师","到头","呵呵"}};


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

      listView = (ExpandableListView)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(MainActivity.this,childs[groupPosition][childPosition],Toast.LENGTH_SHORT).show();
              return  true;

          }
      });

    }


    //适配器
    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 = (ImageView) convertView.findViewById(R.id.icon);

            TextView title = (TextView) convertView.findViewById(R.id.title);

            title.setText(groups[groupPosition]);
           // icon.setImageResource();


            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 = (ImageView) convertView.findViewById(R.id.icon);

            TextView title = (TextView) convertView.findViewById(R.id.title);

            title.setText(childs[groupPosition][childPosition]);


            return convertView;
        }


        //组下的成员是否可以选中
        @Override
        public boolean isChildSelectable(int groupPosition, int childPosition) {
            return true;
        }
    }



}

ImageSwitcher是Android中控制图片展示效果的一个控件,如幻灯片效果
ImageSwitcher粗略的理解就是ImageView的选择器
ImageSwither的原理:ImageSwitcher有两个子View:ImageView,当左右滑动的时候,就在这两个ImageView之间来回切换来显示图片
既然有两个子ImageView,那么我们要创建两个ImageView给ImageSwitcher。创建ImageSwitcher是通过工厂来实现的 ViewFactory

ImageSwitcher:切换图片 和文本切换一样

1.创建ImageSwitcher组件
2.将图片放于mipmap中
3.核心代码:
public class Switch extends Activity  implements ViewSwitcher.ViewFactory,View.OnTouchListener{

    private ImageSwitcher imageSwitcher;


    //图片数据
    private  int[] images = {R.mipmap.a,R.mipmap.b,R.mipmap.c,R.mipmap.d,R.mipmap.e,R.mipmap.f};

    private  int index;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_imge_switchers);

     imageSwitcher = (ImageSwitcher)findViewById(R.id.imageSwitcher2);

     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();//获取当前的事件动作

        if(action == MotionEvent.ACTION_DOWN){
            startX = event.getX();

            imageSwitcher.setInAnimation(this,android.R.anim.fade_in);//图片进的动画
            imageSwitcher.setInAnimation(this,android.R.anim.fade_out);//图片出的动画
            return true;
        }

        if(action == MotionEvent.ACTION_UP){
            endX = event.getX();

            if(startX - endX>20){//下一张
                index = index +1 <images.length?++index:0;

                imageSwitcher.setInAnimation(this,android.R.anim.fade_in);//图片进的动画
                imageSwitcher.setInAnimation(this,android.R.anim.fade_out);//图片出的动画
            }else if(endX -startX >20){//上一张
                index = index - 1>=0?--index:images.length-1;

                imageSwitcher.setInAnimation(this,android.R.anim.fade_in);//图片进的动画
                imageSwitcher.setInAnimation(this,android.R.anim.fade_out);//图片出的动画
            }

            imageSwitcher.setImageResource(images[index]);
        }


        return true;
    }
}

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

flipper.xml:
 <ViewFlipper
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/viewFlipper"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true"
        />


    //第一页
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"

            android:src="@mipmap/a" />
    </LinearLayout>

    //第二页
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"

            android:scaleType="centerCrop"
            android:src="@mipmap/b" />
    </LinearLayout>

    //第三页
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"

            android:src="@mipmap/c"/>
    </LinearLayout>



2.核心代码
public class flipper extends Activity {

    private ViewFlipper viewFlipper;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_flipper);

       viewFlipper = (ViewFlipper) findViewById(R.id.viewFlipper);
    }

    float startX,endX;
    @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(event.getX()>startX){//向右滑动
                viewFlipper.setInAnimation(this,R.anim.in_leftright);
                viewFlipper.setOutAnimation(this,R.anim.out_leftright);
                viewFlipper.showNext();
            }else if(event.getX()<startX){//向左滑动
                viewFlipper.setInAnimation(this,R.anim.in_leftright);
                viewFlipper.setOutAnimation(this,R.anim.out_leftright);
                viewFlipper.showPrevious();
            }
        }


        return super.onTouchEvent(event);
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值