首页 > 安全资讯 >

android 图片横向滚动效果 原创【安卓进化五】

11-11-08

近日有个同事要做一个效果:图片横向排列,而且可以横向滚动,而且能点击图片触发事件,用gallery也可以实现这个效果,现在我用ImageButton来实现,在xml文件中用HorizontalScrollView包起来这个布局文件就可以了...

 

近日有个同事要做一个效果:图片横向排列,而且可以横向滚动,而且能点击图片触发事件,用gallery也可以实现这个效果,现在我用ImageButton来实现,在xml文件中用HorizontalScrollView包起来这个布局文件就可以了。现把代码分享给大家;先贴图让大家看一眼效果:

整个队列在左边:                 整个队列在中间:                整个队列在右边:

 

 


             

一、main.xml布局

 

<?xml version="1.0" encoding="utf-8"?> 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 

    android:orientation="vertical" 

    android:layout_width="fill_parent" 

    android:layout_height="fill_parent" 

    > 

<HorizontalScrollView android:id="@+id/HorizontalScrollView01" 

   android:fadingEdgeLength="0.0dip" android:background="#5B5B5B" 

   android:layout_width="fill_parent" android:scrollbars="none" 

   android:layout_height="fill_parent"> 

   <LinearLayout android:layout_width="wrap_content" 

    android:id="@+id/toolbar_items" android:paddingBottom="7.0dip" 

    android:orientation="horizontal" android:layout_height="wrap_content" 

    android:paddingTop="7.0dip"> 

    <ImageView android:layout_height="51.0dip" 

     android:layout_width="wrap_content" android:src="@drawable/icon" /> 

    <LinearLayout android:layout_width="wrap_content" 

     android:background="#ffffff" android:layout_height="51.0dip"> 

     <ImageButton android:background="@drawable/icon" 

      android:layout_width="59.0dip" android:layout_height="51.0dip" 

      android:scaleType="centerInside" android:id="@+id/back_main"> 

     </ImageButton> 

 

     <LinearLayout android:paddingLeft="12.0dip" 

      android:layout_height="51.0dip" android:layout_width="1sp" 

      android:background="#000000"> 

     </LinearLayout> 

 

     <ImageButton android:id="@+id/new_doc" 

      android:layout_width="59.0dip" android:layout_height="51.0dip" 

      android:scaleType="centerInside" android:background="@drawable/icon"> 

     </ImageButton> 

 

     <LinearLayout android:layout_height="51.0dip" 

      android:layout_width="1sp" android:background="#000000"> 

     </LinearLayout> 

 

     <ImageButton android:id="@+id/filter_doc" 

      android:layout_width="59.0dip" android:layout_height="51.0dip" 

      android:scaleType="centerInside" android:background="@drawable/icon"> 

     </ImageButton> 

 

 

     <LinearLayout android:layout_height="51.0dip" 

      android:layout_width="1sp" android:background="#000000"> 

     </LinearLayout> 

 

  

 

     <ImageButton android:id="@+id/multiselect_doc" 

      android:layout_width="59.0dip" android:layout_height="51.0dip" 

      android:scaleType="centerInside" android:background="@drawable/icon"> 

     </ImageButton> 

 

 

     <LinearLayout android:layout_height="51.0dip" 

      android:layout_width="1sp" android:background="#000000"> 

     </LinearLayout> 

 

     <ImageButton android:id="@+id/delete_doc" 

      android:layout_width="59.0dip" android:layout_height="51.0dip" 

      android:scaleType="centerInside" android:background="@drawable/icon"> 

     </ImageButton> 

 

     <LinearLayout android:layout_height="51.0dip" 

      android:layout_width="1sp" android:background="#000000"> 

     </LinearLayout> 

 

     <ImageButton android:id="@+id/property_doc" android:visibility="gone" 

      android:layout_width="59.0dip" android:layout_height="51.0dip" 

      android:scaleType="centerInside" android:background="@drawable/icon"> 

     </ImageButton> 

 

     <LinearLayout android:layout_height="51.0dip" 

      android:layout_width="1sp" android:background="#000000"> 

     </LinearLayout> 

 

     <ImageButton android:id="@+id/sort_doc" 

      android:layout_width="59.0dip" android:layout_height="51.0dip" 

      android:scaleType="centerInside" android:background="@drawable/icon"> 

     </ImageButton> 

 

 

     <LinearLayout android:layout_height="51.0dip" 

      android:layout_width="1sp" android:background="#000000"> 

     </LinearLayout> 

 

     <ImageButton android:id="@+id/send_doc"  

      android:layout_width="59.0dip" android:layout_height="51.0dip" 

      android:scaleType="centerInside" android:background="@drawable/icon"> 

     </ImageButton> 

    </LinearLayout> 

    <ImageView android:layout_width="wrap_content"  

     android:layout_height="51.0dip" android:src="@drawable/icon" /> 

 

   </LinearLayout> 

  </HorizontalScrollView> 

</LinearLayout> 

 

二、MainActivity类中的代码:

 

package com.cn.android; 

 

import android.app.Activity; 

import android.content.Intent; 

import android.os.Bundle; 

import android.view.View; 

import android.view.animation.Animation; 

import android.view.animation.AnimationUtils; 

import android.view.animation.OvershootInterpolator; 

import android.widget.ImageButton; 

import android.widget.LinearLayout; 

 

public class MainActivity extends Activity { 

    /** Called when the activity is first created. */ 

    @Override 

    public void onCreate(Bundle savedInstanceState) { 

        super.onCreate(savedInstanceState); 

 

        setContentView(R.layout.main); 

        //打开项目整个队列图进入的效果动画 

 

 

        LinearLayout toolbarLayout = (LinearLayout) findViewById(R.id.toolbar_items); 

        Animation animation = AnimationUtils 

           .loadAnimation(this, R.anim.toolbar); 

        animation.setInterpolator(new OvershootInterpolator()); 

        // animation.setInterpolator(new BounceInterpolator()); 

        toolbarLayout.startAnimation(animation); 

        initToolbarBtn();//初始化ImageButton 

    } 

 

 

 

 

    //响应按钮点击事件    

 

 

    private void initToolbarBtn() { 

        ImageButton backmain = (ImageButton) findViewById(R.id.back_main); 

        backmain.setOnClickListener(new View.OnClickListener() { 

    

            public void onClick(View v) { 

                 Intent i = getIntent(); 

                 setResult(RESULT_CANCELED, i); 

                 finish(); 

           } 

   }); 

 

  ImageButton newdoc = (ImageButton) findViewById(R.id.new_doc); 

  newdoc.setOnClickListener(new View.OnClickListener() { 

    

   public void onClick(View v) { 

    //写上自己要实现的方法 

   } 

  }); 

    } 

 

三、自定义动画实现从左向右滚动:在res下面建个文件夹名字anim,下建立toolbar.xml<?xml version="1.0" encoding="UTF-8"?>;目的是打开程序画面的时候有个动画的效果

 

<translate  

 android:duration="700" android:fromXDelta="100.0%p" android:toXDelta="0.0" 

 xmlns:android="http://schemas.android.com/apk/res/android" />   

 




摘自 大明zeroson的android学习历程
相关文章
最新文章
热点推荐