当前位置: 首页 > 编程笔记 >

Android使用Scroll+Fragment仿京东分类效果

董权
2023-03-14
本文向大家介绍Android使用Scroll+Fragment仿京东分类效果,包括了Android使用Scroll+Fragment仿京东分类效果的使用技巧和注意事项,需要的朋友参考一下

 本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下

实现思路:首先说下布局,整个是一个横向的线性布局,左边是一个ScrollView,右边是一个FrameLayout,在代码中动态向ScrollView中添加TextView,然后根据TextView的点击事件使用Fragment替换FrameLayout

首先看下布局:

<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:orientation="horizontal" 
  tools:context="www.jdsort.com.jdsort.MainActivity"> 
 
  <ScrollView 
    android:id="@+id/scrollview" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:scrollbars="none"> 
    <LinearLayout 
      android:id="@+id/linearlayout" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:gravity="center_horizontal" 
      android:orientation="vertical" /> 
  </ScrollView> 
 
  <FrameLayout 
    android:id="@+id/framelayout" 
    android:layout_width="0dp" 
    android:layout_height="match_parent" 
    android:layout_weight="3"/> 
</LinearLayout> 

MainActivity代码:

public class MainActivity extends FragmentActivity implements View.OnClickListener { 
 
  private String[] titles={"常用分类","潮流女装","品牌男装","内衣配饰","家用电器","手机数码","电脑办公","个护化妆","母婴频道","食物生鲜","酒水饮料","家居家纺","整车车品","鞋靴箱包","运动户外","图书","玩具乐器","钟表","居家生活","珠宝饰品","音像制品","家具建材","计生情趣","营养保健","奢侈礼品","生活服务","旅游出行"}; 
  private ScrollView mScrollView; 
  private FrameLayout mFrameLayout; 
  //装装ScrollView的item的TextView的数组 
  private TextView[] textViewArray; 
  //装ScrollView的item的数组 
  private View[] views; 
  Context context; 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 
    context=this; 
 
    textViewArray=new TextView[titles.length]; 
    views=new View[titles.length]; 
 
    initView(); 
 
    getSupportFragmentManager().beginTransaction().replace(R.id.framelayout,new FragmentOne()).commit(); 
  } 
 
  private void initView() { 
    mScrollView= (ScrollView) findViewById(R.id.scrollview); 
    addView(); 
    changeTextColor(0); 
 
    mFrameLayout= (FrameLayout) findViewById(R.id.framelayout); 
 
  } 
 
  /** 
   * 给ScrollView添加子View 
   */ 
  private void addView() { 
    LinearLayout mLinearLayout= (LinearLayout) findViewById(R.id.linearlayout); 
 
    View view; 
    for(int x=0;x<titles.length;x++){ 
      view = View.inflate(this, R.layout.item_scrollview, null); 
      view.setId(x); 
      view.setOnClickListener(this); 
      TextView tv= (TextView) view.findViewById(R.id.textview); 
      tv.setText(titles[x]); 
      mLinearLayout.addView(view); 
 
      textViewArray[x]=tv; 
      views[x]=view; 
 
    } 
  } 
 
  @Override 
  public void onClick(View v) { 
    ToastUtils.showToast(this,titles[(int) v.getId()]); 
    changeTextColor((int) v.getId()); 
    changeTextLocation((int) v.getId()); 
 
    Fragment fragment=null; 
 
    switch (v.getId()){ 
      case 0: 
        fragment=new FragmentOne(); 
        break; 
      case 1: 
        fragment=new Fragment1(); 
        break; 
      case 2: 
        fragment=new Fragment2(); 
        break; 
      case 3: 
        fragment=new Fragment3(); 
        break; 
      case 4: 
        fragment=new Fragment4(); 
        break; 
      case 5: 
        fragment=new Fragment5(); 
        break; 
      case 6: 
        fragment=new Fragment6(); 
        break; 
      case 7: 
        fragment=new Fragment7(); 
        break; 
    } 
    if(fragment!=null){ 
      getSupportFragmentManager().beginTransaction().replace(R.id.framelayout,fragment).commit(); 
    } 
  } 
  /** 
   * 改变textView的颜色 
   * @param id 
   */ 
  private void changeTextColor(int id) { 
    for (int i = 0; i < textViewArray.length; i++) { 
      if(i!=id){ 
        textViewArray[i].setBackgroundResource(android.R.color.transparent); 
        textViewArray[i].setTextColor(0xff000000); 
      }else { 
        textViewArray[id].setBackgroundResource(android.R.color.white); 
        textViewArray[id].setTextColor(0xffff5d5e); 
      } 
    } 
 
  } 
 
  /** 
   * 改变栏目位置 
   */ 
  private void changeTextLocation(int index) { 
 
    //views[clickPosition].getTop()针对其父视图的顶部相对位置 
    int x = (views[index].getTop() - mScrollView.getHeight() / 2); 
    mScrollView.smoothScrollTo(0, x); 
  } 
 
} 

源码等上传上去会再次发布链接,如果那里写的不好,欢迎私信,评论指导

源码下载:Scroll+Fragment仿京东分类效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍Android仿京东分类效果,包括了Android仿京东分类效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android仿京东分类效果展示的具体代码,供大家参考,具体内容如下 1.写一个fragment 2.写一个实体类: 3.写一个adapter 4.adapter所需的list_item.xml Maintivity 6 main.xml 效果图: 以上就是本

  • 本文向大家介绍Android仿京东分类模块左侧分类条目效果,包括了Android仿京东分类模块左侧分类条目效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android仿京东左侧分类条目效果的具体代码,供大家参考,具体内容如下 代码2: 代码3: 效果图: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍jQuery简单实现仿京东分类导航层效果,包括了jQuery简单实现仿京东分类导航层效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery简单实现仿京东分类导航层效果。分享给大家供大家参考,具体如下: 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技

  • 本文向大家介绍Android仿京东快报信息滚动效果,包括了Android仿京东快报信息滚动效果的使用技巧和注意事项,需要的朋友参考一下 先来看看效果吧,Android仿京东快报信息滚动效果,具体内容如下   (截图效果不是很好,但是差不多出来了) 代码: 注释掉的内容可以不用管,那是我做其他调试用的 使用方式 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍Android仿京东首页轮播文字效果,包括了Android仿京东首页轮播文字效果的使用技巧和注意事项,需要的朋友参考一下 京东客户端的轮播文字效果: 本次要实现的只是后面滚动的文字(前面的用ImageView或者TextView实现即可),看一下实现的效果 实现思路 上图只是一个大概的思路,要实现还需要完善更多的细节,下面会一步步的来实现这个效果: 1.封装数据源:从图上可以看到,轮

  • 本文向大家介绍Android仿京东手机端类别页,包括了Android仿京东手机端类别页的使用技巧和注意事项,需要的朋友参考一下 京东手机端的类别标签页, 是一个左侧滑动可选择类别, 右侧一个类别明细的列表联动页面. 当用户选择左侧选项, 可在右侧显示更多选项来选择. 实现方式也不少. 最常见的当然是左侧和右侧各一个Fragment, 左侧Fragment放置ListView, 右侧放显示类别明细的