Android仿网易客户端顶部导航栏效果

2019-12-10 17:54:44王振洲
这篇文章主要为大家详细介绍了Android仿网易客户端顶部导航栏效果,帮助大家制作网易客户端导航栏特效,感兴趣的小伙伴们可以参考一下  

最近刚写了一个网易客户端首页导航条的动画效果,现在分享出来给大家学习学习。我说一下这个效果的核心原理。下面是效果图:

        Android,仿网易客户端,导航栏

 首先是布局,这个布局是我从网易客户端反编译后弄来的。大家看后应该明白,布局文件如下:

<FrameLayout 
    android:id="@id/column_navi" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/top_column_bg" > 
 
    <HorizontalScrollView 
      android:id="@id/column_scrollview" 
      android:layout_width="fill_parent" 
      android:layout_height="45.0dip" 
      android:layout_gravity="center" 
      android:fadingEdge="vertical" 
      android:paddingLeft="9.0dip" 
      android:paddingRight="9.0dip" 
      android:scrollbars="none" > 
 
      <FrameLayout 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" > 
 
        <ImageView 
          android:id="@id/column_slide_bar" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:layout_gravity="center_vertical" 
          android:src="@drawable/slidebar" /> 
 
        <LinearLayout 
          android:id="@id/column_title_layout" 
          android:layout_width="wrap_content" 
          android:layout_height="fill_parent" 
          android:layout_gravity="center_vertical" 
          android:gravity="center_vertical" 
          android:paddingLeft="5px" 
          android:weightSum="6.0" /> 
      </FrameLayout> 
    </HorizontalScrollView> 
 
    <ImageButton 
      android:id="@id/column_to_left" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_centerVertical="true" 
      android:layout_gravity="left|center" 
      android:layout_marginLeft="2.0dip" 
      android:layout_marginRight="1.0dip" 
      android:background="#00000000" 
      android:src="@drawable/arr_left" 
      android:visibility="visible" /> 
 
    <ImageButton 
      android:id="@id/column_to_right" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:layout_centerVertical="true" 
      android:layout_gravity="right|center" 
      android:layout_marginLeft="1.0dip" 
      android:layout_marginRight="2.0dip" 
      android:background="#00000000" 
      android:src="@drawable/arr_right" 
      android:visibility="visible" /> 
  </FrameLayout>