安卓常用控件RecyclerView+HorizontalScrollView实现item侧滑效果 安卓常用控件RecyclerView+HorizontalScrollView实现item侧滑效果

原

安卓常用控件RecyclerView+HorizontalScrollView实现item侧滑效果

2017年10月28日 12:23:14 低-调 阅读数：538 更多

																				<div class="tags-box space">
							<span class="label">个人分类：</span>
															<a class="tag-link" href="https://blog.csdn.net/mhl18820672087/article/category/7226078" target="_blank">Android studio 常用控件应用																</a>
						</div>
																							</div>
			<div class="operating">
													</div>
		</div>
	</div>
</div>
<article>
	<div id="article_content" class="article_content clearfix csdn-tracking-statistics" data-pid="blog" data-mod="popu_307" data-dsm="post" style="height: 2391px; overflow: hidden;">
							            <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-e4c7a3727d.css">
					<div class="htmledit_views">

   简单来介绍下RecyclerView,首先这个控件要做的事类似ListView,实际上它就是为了弥补ListView的不足而出现，那么我们来看下它的简单应用吧！

  先上效果图

 

   RecyclerView是新增的控件，所以在使用这个控件时必须先在app/build.gradle文件中添加依赖闭包（dependencies）

  
  
dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
exclude group: 'com.android.support', module: 'support-annotations'
})

compile 'com.android.support:appcompat-v7:26.0.0-alpha1'
compile 'com.android.support:design:26.0.0-alpha1'
testCompile 'junit:junit:4.12'
compile'com.android.support:recyclerview-v7:24.2.1' //RecyclerView 的依赖闭包
compile 'com.google.android.gms:play-services-appindexing:8.4.0'
}

  
  

添加完后点击Sync Now同步，到这里所有的准备工作已经完成，现在开始正式使用RecyclerView,在布局中的添加RecyclerView，在这里，和往常添加的控件稍微不同，这里添加控件不能只是给出RecyclerView的名字，要将完整的包路径给出

  
  
<android.support.v7.widget.RecyclerView
android:id= "@+id/notes_title_recycler_view"
android:layout_width= "match_parent"
android:layout_height= "match_parent"/>
  
  

好，到这里，控件添加进来，一开始说它的功能类似于ListView,接下来当然时去新建一个子布局（item）,下面这一长串的代码就是我定义的子布局，其中里面有一个自定义控件

com.example.haha.note.Note_delete（实现侧滑的重要控件，下面会详细介绍），从这里就可以看出如果不是安卓SDK内置的控件，要使用统一要给出完整的路径

  
  
<LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android"
android:layout_width= "match_parent"
android:layout_height= "80dp"
android:orientation= "vertical"
android:background= "@drawable/diy_frame"
android:layout_marginTop= "10dp">
<com.example.haha.note.Note_delete
android:layout_width= "match_parent"
android:layout_height= "match_parent"
android:scrollbars= "none">
<LinearLayout
android:layout_width= "wrap_content"
android:layout_height= "match_parent"
android:orientation= "horizontal">
<RelativeLayout
android:id= "@+id/left"
android:layout_width= "match_parent"
android:layout_height= "match_parent"
android:background= "@drawable/item_bg">
<TextView
android:id= "@+id/notes_title"
android:layout_width= "match_parent"
android:layout_height= "match_parent"
android:layout_gravity= "center"
android:gravity= "center_vertical"
android:maxLines= "1"
android:ellipsize= "end"
android:textSize= "18sp"
android:paddingLeft= "10dp"
android:paddingRight= "10dp"
android:paddingTop= "15dp"
android:paddingBottom= "15dp"
/>
</RelativeLayout>
<RelativeLayout
android:id= "@+id/right"
android:layout_width= "200dp"
android:layout_height= "match_parent"
android:layout_toRightOf= "@+id/left">
<ImageView
android:id= "@+id/edit_note"
android:layout_width= "100dp"
android:layout_height= "match_parent"
android:layout_gravity= "center"
android:gravity= "center"
android:src= "@drawable/editor"
/>
<ImageView
android:id= "@+id/tv_delete"
android:layout_width= "match_parent"
android:layout_height= "match_parent"
android:layout_gravity= "center"
android:gravity= "center"
android:layout_toRightOf= "@+id/edit_note"
android:src= "@drawable/cut"
/>
</RelativeLayout>
</LinearLayout>
</com.example.haha.note.Note_delete>
</LinearLayout>
  
  

子布局定义完后，接下来还是老步骤，它和ListView一样需要一个适配器，现在我们去创建一个java类让它继承RecyclerView.Adapter,下面这一大段只需要理解 onCreateViewHolder()、onBindViewHolder()和getItemCount(),因为继承自RecyclerView.Adapter就得重写这3个方法

  
  
class NoteAdapter extends RecyclerView.Adapter<NoteAdapter.ViewHolder>{
private List<notes> mNoteList;

class ViewHolder extends RecyclerView.ViewHolder{
TextView noteTitleText;
ImageView deleteItem;
public ViewHolder(View view){
super(view);
noteTitleText=(TextView) view.findViewById(R.id.notes_title);
deleteItem=(ImageView)view.findViewById(R.id.tv_delete);
}
}

public NoteAdapter(List<notes> notesList){

mNoteList=notesList;
}
@Override

public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType){ //加载子布局时调用
View view= LayoutInflater.from(parent.getContext()).inflate(R.layout.notes_item,parent, false);
item_edit=(ImageView) view.findViewById(R.id.edit_note);
item_delete=(ImageView) view.findViewById(R.id.tv_delete);
final ViewHolder holder= new ViewHolder(view);
item_edit.setOnClickListener( new View.OnClickListener() {
public void onClick(View view) { //RecyclerView的点击事件，这段代码和本文章无太大关系，所以可以忽略
notes note=mNoteList.get(holder.getAdapterPosition());
if(isTwoPane){
NotesContentFragment notesContentFragment=(NotesContentFragment) getFragmentManager().findFragmentById(R.id.notes_content_fragment);
notesContentFragment.refresh(note.getTitle(),note.getContent());
} else {
notesContentActivity.actionStart(getActivity(),note.getTitle(),note.getContent());
}
}
});
return holder;
}
/*
添加删除Item
*/
public void delete_item( List<notes> mNoteList,int position){
mNoteList.remove(position);
notifyItemRemoved(position);
notifyItemRangeChanged(position,mNoteList.size()-position);
}

public void onBindViewHolder(final ViewHolder holder, final int position){
  
  

  
  
//由onCreateViewHolder返回一个对应子布局的holder,再由onBindViewHolder进行赋值
notes note=mNoteList.get(position);
holder.noteTitleText.setText(note.getTitle());
holder.deleteItem.setOnClickListener( new View.OnClickListener() {
@Override
public void onClick(View view) {
delete_item(mNoteList,position);
}
});
}



public int getItemCount(){
return mNoteList.size();
}


}
  
  

适配器类写好之后，接下来介绍实现侧滑的重要控件，com.example.haha.note.Note_delete 。这是个自定义控件，我们来看下它的代码

扫描二维码关注公众号，回复： 3664183 查看本文章

  
  
package com.example.haha.note;

import android.content.Context;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.ViewGroup;
import android.widget.HorizontalScrollView;
import android.widget.LinearLayout;

import static android.R.id.content;

/**
* Created by haha on 2017/9/12.
*/

public class Note_delete extends HorizontalScrollView{
private int mScreenWidth; //屏幕宽度
private int mMenuWidth; //菜单宽度

private boolean once;
public Note_delete(Context context, AttributeSet attrs){
super(context,attrs);
mScreenWidth=ScreenUtil.getScreenWidth(context); //由安卓内置类ScreenUtil获取屏幕宽度 ，注意要写一个ScreenUtil类
}

protected void onMeasure(int widthMeasureSpec,int heightMeasureSpec){
/*
* 自定义类是继承自HorizontalScrollView，那么意图就非常明显，就是要利用父类的水平滑动效果
* 而HorizontalScrollView这个控件只允许放一个子控件，一般来说，一个控件是远远不够，那么就
* 直接设置一个线性布局，然后再在线性布局里放置任意我们想放的控件，这样就解决了控件数量的
* 限制，所以下面的getChildAt(0)让对应的就是设置的线性布局，获取对象，然后再由该对象获取布
* 局中的控件对象，这样所有控件对象都能取到*/
LinearLayout wrapper=(LinearLayout) getChildAt( 0);
ViewGroup menu=(ViewGroup) wrapper.getChildAt( 1); //获取线性布局中的第二个控件对象
mMenuWidth=mScreenWidth/ 2;
menu.getLayoutParams().width=mMenuWidth; //给获取的控件对象进行属性设置
super.onMeasure(widthMeasureSpec,heightMeasureSpec);
}

public boolean onTouchEvent(MotionEvent ev){
int action=ev.getAction();
switch (action){
case MotionEvent.ACTION_UP: //触碰抬起，判断手指滑动距离
int scrollX=getScrollX();
if(scrollX > mMenuWidth/ 4)
this.smoothScrollTo(mMenuWidth, 0);
else
this.smoothScrollTo( 0, 0);
return true;
}
return super.onTouchEvent(ev);
}

}
  
  

写ScreenUtil类，用于获取屏幕高宽度

  
  
package com.example.haha.note;

import android.content.Context;
import android.util.DisplayMetrics;
import android.view.WindowManager;

/**
* Created by haha on 2017/9/12.
*/

public class ScreenUtil {
private ScreenUtil(){
throw new UnsupportedOperationException( "cannot be instantiated");
}
//获得屏幕高度
public static int getScreenHeight(Context context){
WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
DisplayMetrics outMetrics = new DisplayMetrics();
wm.getDefaultDisplay().getMetrics(outMetrics);
return outMetrics.heightPixels;

}

//获得屏幕宽度
public static int getScreenWidth(Context context) {
WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
DisplayMetrics outMetrics = new DisplayMetrics();
wm.getDefaultDisplay().getMetrics(outMetrics);
return outMetrics.widthPixels;


}
}
  
  

最后，初始化数据，开始使用RecyclerView+HorizontalScrollView

这里我实现了Fragment,实际上和文章有关的代码仅仅需要看注释1-3的代码和初始化方法就行

  
  
public class NotesTitleFragment extends Fragment {
ImageView item_delete;
ImageView item_edit;
TextView item_add;
private boolean isTwoPane;
public View onCreateView( LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState){
View view=inflater.inflate(R.layout.notes_title_frag,container, false); //这不是活动类，所以必须将布局引进

RecyclerView noteTitleRecyclerView=(RecyclerView) view.findViewById(R.id.notes_title_recycler_view); //1
LinearLayoutManager layoutManager= new LinearLayoutManager(getActivity()); //2
noteTitleRecyclerView.setLayoutManager(layoutManager); //3
/*
* 上面注释着1-3的代码就是使用RecyclerView的核心
* 1.获取对象
* 2.这句代码就能体现RecyclerView的强大之处，这里用的是线性布局管理，说白了就是控制RecyclerView里的item布局，
* 那么它当然不只有这一种布局方式，还有瀑布式布局等，而相比ListView只能是垂直摆放来说，RecyclerView简直是
* 强大到炸，非常灵活
* 3.对RecyclerView对象进行布局设置*/


final NoteAdapter adapter= new NoteAdapter(getNote());
noteTitleRecyclerView.setAdapter(adapter);
item_add=view.findViewById(R.id.tv_add);
item_add.setOnClickListener( new View.OnClickListener() {
@Override
public void onClick(View view) {
addItem(adapter);
}
});
return view;
}

public void addItem(NoteAdapter noteAdapter){ //实现动态添加一个item
noteAdapter.notifyItemInserted( 1);

}
private List<notes> getNote(){
List<notes> notesList= new ArrayList<>();
for( int i= 1;i<= 50;i++){
notes note= new notes();
note.setTitle( "这里有位置，快来开始你的事件记录吧ԅ(¯﹃¯ԅ)" );
note.setContent( "美好的一天，怎能忍心错过不进行记录呢(｢･ω･)｢嘿");
notesList.add(note);
}
return notesList;
}
  
  

上面是核心的代码，并不完整，但实现图中的效果，这些就够了，非常简单！如有错误，希望大家多多指教！本文章内容素材部分取自郭霖《第一行代码》

阅读更多