android教程
js文档Node.jsVue.jsReactjQueryES2015(es6)angularjscss3动画vbs最新电影flutter微信小程序C教程java教程C++教程C#教程php教程sql教程mysql教程android教程ios教程python教程正则表达式

Android实现横向滑动卡片效果

发布时间：2019-08-08 发布网站：脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Android实现横向滑动卡片效果，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

最近项目上需要实现这样效果的一个页面，本来想找个现成的两下搞定，但是问了半天度娘也没招，索性自己琢磨琢磨（这里边也少不了同事的帮助），先把最终的效果图贴上：

Android实现横向滑动卡片效果

理论上讲，其本质并不复杂，就是一个viewpager，但是第一次实现这样的效果还是要花些时间的，具体的代码如下：

主布局文件：activITy_show_industry_list.XMl，主要就是一个activity上放个viewpager，但是相对布局是关键

 <&#63;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="match_parent"   xmlns:app="http://schemas.android.com/apk/res-auto"   android:orientation="vertical"   android:background="@color/colorgrayBg">   <huazheng.haiereng.views.TitleView     android:layout_width="match_parent"     android:layout_height="wrap_content"     app:titleText="搜索框预留位置"     app:showBackButton="true"     android:id="@+id/titleView" />   <RelativeLayout     android:layout_width="match_parent"     android:layout_height="match_parent"     android:clipChildren="false"     android:layerTyPE="Software"     android:id="@+id/awq_rl_vpc">   <android.support.v4.view.ViewPager     android:id="@+id/vp_show_industry_list"     android:layout_width="match_parent"     android:layout_height="wrap_content"     android:layout_gravity="center"     android:clipChildren="false"     android:layout_marginLeft="40dp"     android:layout_marginRight="40dp"     android:layout_marginBottom="90dp" />     </RelativeLayout> </LinearLayout>

fragment布局文件：fragment_show_industry_list.xml &nbsp;该布局对应的类比较简单，就不往上贴了@H_777_16@ 

 <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" tools:context="huazheng.haiereng.BlankFragment"   android:orientation="vertical"   android:background="@color/colorWhite">     <!-- TODO: Update blank fragment layout -->     <FrameLayout     android:orientation="vertical"     android:layout_width="match_parent"     android:layout_height="300dp" >       <ImageView       android:layout_width="match_parent"       android:layout_height="match_parent"       android:id="@+id/iv_show_industry_list_pic"       android:background="@mipmap/show_industry_detail"       android:layout_gravity="center_horizontal" />       <FrameLayout       android:layout_width="match_parent"       android:layout_height="35dp"       android:layout_gravity="bottom"       android:alpha="0.5"       android:background="#333" />       <FrameLayout       android:layout_width="wrap_content"       android:layout_height="35dp"       android:layout_gravity="center_horizontal|bottom"       android:id="@+id/frameLayout" >         <LinearLayout         android:orientation="horizontal"         android:layout_width="match_parent"         android:layout_height="match_parent" >           <TextView           android:layout_width="wrap_content"           android:layout_height="wrap_content"           android:textAppearance="?android:attr/textAppearanceMedium"           android:text="经济型酒店分体空调解决方案"           android:textColor="@color/colorTextWhite"           android:layout_gravity="center"           android:id="@+id/tv_show_industry_list_title" />       </LinearLayout>     </FrameLayout>   </FrameLayout>     <TextView     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:textAppearance="?android:attr/textAppearanceMedium"     android:text="广泛应用于住宅地产、宿舍、教学楼、通讯基站等，为其打造舒适空气解决方案"     android:id="@+id/tv_show_industry_list_detail"     android:layout_margin="20dp"     android:textSize="@dimen/font_size_30"     android:textColor="@color/colorTextGray" />     <Button     android:layout_width="120dp"     android:layout_height="35dp"     android:text="查看详情"     android:id="@+id/BT_show_industry_list_cat"     android:textColor="@color/colorTextWhite"     android:layout_gravity="center_horizontal"     android:background="@drawable/drawable_circle_corner" /> </LinearLayout>

主布局类ShowIndustryListActivity.java

 public class ShowIndustryListActivity extends BaseActivity {   PRivate FragmentPagerAdapter pagerada;   private ShowIndustryListFragment showIndustryListFragment;   ShowIndustryListFragment fragment1,fragment2,fragment3,fragment4;   ArrayList<Fragment> fragments;   @Bind(R.id.vp_show_industry_list)   ViewPager viewPager;   FragmentManager fragmentManager;     @override   protected void onCreate(Bundle savedInstancestate) {     super.onCreate(savedInstanceState);     setContentView(R.layout.activity_show_industry_list);     ButterKnife.bind(this);     fragmentManager = getSupportFragmentManager();     fragments= new ArrayList<Fragment>();     fragment1 = new ShowIndustryListFragment();     fragment2 = new ShowIndustryListFragment();     fragment3 = new ShowIndustryListFragment();     fragment4 = new ShowIndustryListFragment();     fragments.add(fragment1);     fragments.add(fragment2);     fragments.add(fragment3);     fragments.add(fragment4);       viewPager.setOffscreenPageLimit(fragments.size());//卡片数量     viewPager.setPageMargin(10);//两个卡片之间的距离，单位dp       if (viewPager!=null){       viewPager.removeAllViews();     }       MyFragmentPagerAdapter myFragmentPagerAdapter = new MyFragmentPagerAdapter(getSupportFragmentManager(), fragments);       viewPager.setAdapter(myFragmentPagerAdapter);   }     class MyFragmentPagerAdapter extends FragmentPagerAdapter {     private ArrayList<Fragment> listFragments;   public MyFragmentPagerAdapter(FragmentManager fm, ArrayList<Fragment> al) {     super(fm);     listFragments = al;   }     public MyFragmentPagerAdapter(FragmentManager fm) {     super(fm);   }     @Override   public Fragment getItem(int position) {     return listFragments.get(position);   }     @Override   public int getCount() {     return listFragments.size();   }     @Override   public int getItemPosition(Object object) {     return super.getItemPosition(object);   } }   }

至此，效果就可以实现了，上手试试吧。

android教程
脚本网站
android studio

脚本宝典总结

以上是脚本宝典为你收集整理的Android实现横向滑动卡片效果全部内容，希望文章能够帮你解决Android实现横向滑动卡片效果所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：allallandroidandroidArrayArrayArraybuttonbuttonClassDatedivdoextendsfalsefalseframeframeifimageimageimagesininintjavalayerletMapMapnewnewnullnullObjectparentprivateprotectedprotectedpublicpublicpublicreturnreturnreturnStatesupersupertexttextthistruetryvoid
猜你在找的android教程相关文章
其他相关热搜词更多
phpjavapython程序员loadpost-format-gallerydivString参数开发ListcapMapClass工具安装SQL数据库资源this
全站导航更多
html5HTML/XhtmlCSSXML/XSLTDreamweaver教程Frontpage教程心得技巧JavaScriptASP.NETPHP编程正则表达式AJAX相关ASP编程JSP编程编程10000问CSS/HTMLFlexvbsDOS/BAThtahtcpythonperl游戏相关VBA远程脚本ColdFusionMsSqlMysqlmariadboracleDB2mssql2008mssql2005SQLitePostgreSQLMongoDB星外虚拟主机华众虚拟主机Linuxwin服务器FTP服务器DNS服务器Tomcatnginxzabbix云和虚拟化bios系统安装系统系统进程Windows系列LINUXRedHat/CentosUbuntu/DebianFedoraSolaris红旗Linux建站经验微信营销网站优化网站策划网络赚钱网络创业站长故事alexa域名photoshop教程摄影教程Fireworks教程CorelDraw教程Illustrator教程Painter教程Freehand教程IndesignSketch笔记本主板内存CPU存储显卡显示器光存储鼠标键盘平板电脑安全教程杀毒防毒安全设置病毒查杀脚本攻防入侵防御工具使用业界动态Exploit漏洞分析
最新android教程教程
热门android教程教程