android平台的图文上下滚动与左右滚动效果

首先布局文件:

common_info_item_view.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:orientation
="vertical"
android:id
="@+id/linear"
>
<TextView
android:id="@+id/text_title"
android:layout_width
="fill_parent"
android:layout_height
="wrap_content"
android:padding
="5dip"
android:layout_marginTop
="5dip"
android:gravity
="center"
android:textSize
="20sp"
/>
<Com.Takewin.net.FriendlyScrollView
android:id="@+id/scroll"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:layout_marginBottom
="5dip"
android:fadeScrollbars
="true"
>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height
="fill_parent"
android:orientation
="vertical"
>

<ImageView
android:id="@+id/inf_pic"
android:layout_width
="321dp"
android:layout_height
="wrap_content"
android:maxWidth
="600dip"
android:minHeight
="120dip"
android:src
="@drawable/info" />
<TextView
android:id="@+id/text_detail"
android:layout_width
="fill_parent"
android:layout_height
="wrap_content"
android:lineSpacingMultiplier
="1.3"
android:textSize
="18sp"
android:singleLine
="false"
/>
</LinearLayout>

</Com.Takewin.net.FriendlyScrollView>
</LinearLayout>

 

 

common_info_list_view.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id
="@+id/common_query_view_layout"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:orientation
="vertical">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height
="fill_parent"
android:layout_marginTop
="5dip"
android:orientation
="vertical"
android:gravity
="top"
android:layout_gravity
="top">

<ViewFlipper
android:id="@+id/viewflipper_data"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:gravity
="top"
android:layout_gravity
="top"
android:spacing
="80dip"
android:paddingLeft
="6dip"
android:paddingRight
="6dip"
android:layout_marginBottom
="60dip"
>
</ViewFlipper>
</LinearLayout>
</RelativeLayout>

重写scrollview

 

package Com.Takewin.net;

import android.content.Context;
import android.util.AttributeSet;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.widget.ScrollView;

public class FriendlyScrollView extends ScrollView {

GestureDetector gestureDetector;

public FriendlyScrollView(Context context) {
super(context);
// TODO Auto-generated constructor stub
}

public FriendlyScrollView(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
}

public FriendlyScrollView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// TODO Auto-generated constructor stub
}

public void setGestureDetector(GestureDetector gestureDetector) {
this.gestureDetector = gestureDetector;
}

@Override
public boolean onTouchEvent(MotionEvent event) {
super.onTouchEvent(event);
return gestureDetector.onTouchEvent(event);
}

@Override
public boolean dispatchTouchEvent(MotionEvent ev){
gestureDetector.onTouchEvent(ev);
super.dispatchTouchEvent(ev);
return true;
}

}

 

 

主文件:

 

/**
* filename : ShowView.java
* company : TakeWin Limited (android) 2012-2015
* compiler : eclipse 3.7.1
* remark : TODO
* created : 2012-3-28 weeds
* changed : 后来者居下
*/

package Com.Takewin.net;

import java.io.BufferedReader;
import java.io.ByteArrayOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStreamReader;

import org.apache.http.util.EncodingUtils;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.GestureDetector;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.view.GestureDetector.SimpleOnGestureListener;
import android.widget.TextView;
import android.widget.Toast;
import android.widget.ViewFlipper;

public class ShowView extends Activity{
File outfile;
TextView tv;
private ViewFlipper viewFlipper;

private String[] descriptionsArray;
private String[] titleArray;

private int selectedPosition;

private TextView textViewTitle;
private TextView textViewContent;
private FriendlyScrollView scroll;

private LayoutInflater mInflater;

private GestureDetector gestureDetector;
private String bookT;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.requestWindowFeature(Window.FEATURE_NO_TITLE);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
setContentView(R.layout.common_info_list_view);
Intent git=this.getIntent();
bookT=git.getStringExtra("book_title");
Toast.makeText(this, bookT, 1).show();

tv=(TextView)findViewById(R.id.info_content);
InitUI();
try {
tv.setText(getContentFromBook());
} catch (Exception e) {
}
}

private void InitUI(){

viewFlipper = (ViewFlipper) findViewById(R.id.viewflipper_data);

mInflater = LayoutInflater.from(this);

fillDate();

viewFlipper.addView(getContentView());
}

private void fillDate(){
selectedPosition = 0;


try {
descriptionsArray=new String[]{getContentFromBook(),getContentFromBook(),getContentFromBook(),getContentFromBook()};
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}

titleArray = new String[]{"0001","002","003","004"};
// descriptionsArray = new String[]{"内容0001","内容002","内容003","内容004"};
if(descriptionsArray.length==0 && descriptionsArray.equals(""))
{
descriptionsArray = new String[]{"内容0001","内容002","内容003","内容004"};
}

gestureDetector = new GestureDetector(new CommonGestureListener());
}

private View getContentView() {
View contentView = new View(this);
contentView = mInflater.inflate(R.layout.common_info_item_view, null);

textViewTitle = (TextView) contentView.findViewById(R.id.text_title);
textViewContent = (TextView) contentView.findViewById(R.id.text_detail);

textViewTitle.setText(titleArray[selectedPosition]);
textViewTitle.setText(bookT);
textViewTitle.setPadding(10, 0, 10, 0);
textViewContent.setText(descriptionsArray[selectedPosition]);
textViewContent.setPadding(10, 5, 10, 5);

scroll = (FriendlyScrollView) contentView.findViewById(R.id.scroll);
scroll.setOnTouchListener(onTouchListener);
scroll.setGestureDetector(gestureDetector);

return contentView;
}

private View.OnTouchListener onTouchListener = new View.OnTouchListener() {

public boolean onTouch(View v, MotionEvent event) {
// TODO Auto-generated method stub
return gestureDetector.onTouchEvent(event);
}
};
//此函数是读取SD卡的文本文件的内容
public String getContentFromBook() throws Exception
{ String re="";
File path=new File("/sdcard/linebook");
outfile=new File("/mnt/sdcard/test1.txt");
if(path.exists()&& outfile.exists())
{


FileInputStream istream=new FileInputStream(outfile);
int num=(int)istream.available();
byte[] buffer = new byte[num+10];
istream.read(buffer, 0, num);
//re=EncodingUtils.getString(buffer,"gb2312");
re=EncodingUtils.getString(buffer,"gb2312");

}else{
path.mkdirs();
outfile.createNewFile();

}
return re.trim();

}



public class CommonGestureListener extends SimpleOnGestureListener {

@Override
public boolean onDown(MotionEvent e) {
// TODO Auto-generated method stub
Log.d("QueryViewFlipper", "====> Jieqi: do onDown...");
return false;
}

@Override
public void onShowPress(MotionEvent e) {
// TODO Auto-generated method stub
Log.d("QueryViewFlipper", "====> Jieqi: do onShowPress...");
super.onShowPress(e);
}

@Override
public void onLongPress(MotionEvent e) {
// TODO Auto-generated method stub
Log.d("QueryViewFlipper", "----> Jieqi: do onLongPress...");
}

@Override
public boolean onSingleTapConfirmed(MotionEvent e) {
// TODO Auto-generated method stub
Log.d("QueryViewFlipper", "====> Jieqi: do onSingleTapConfirmed...");
return false;
}

@Override
public boolean onSingleTapUp(MotionEvent e) {
// TODO Auto-generated method stub
Log.d("QueryViewFlipper", "====> Jieqi: do onSingleTapUp...");
return false;
}

@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY){
// TODO Auto-generated method stub
Log.d("QueryViewFlipper", "====> Jieqi: do onFling...");
if (e1.getX() - e2.getX() > 100 && Math.abs(velocityX) > 50) {
//����
selectedPosition = selectedPosition + 1 < titleArray.length ? (selectedPosition + 1) : 0;
viewFlipper.addView(getContentView());
viewFlipper.setInAnimation(AnimationControl.inFromRightAnimation());
viewFlipper.setOutAnimation(AnimationControl.outToLeftAnimation());
viewFlipper.showNext();
viewFlipper.removeViewAt(0);
} else if (e2.getX() - e1.getX() > 100 && Math.abs(velocityX) > 50) {
//����
selectedPosition = selectedPosition > 0 ? (selectedPosition - 1) : (titleArray.length - 1);
viewFlipper.addView(getContentView());
viewFlipper.setInAnimation(AnimationControl.inFromLeftAnimation());
viewFlipper.setOutAnimation(AnimationControl.outToRightAnimation());
viewFlipper.showNext();
viewFlipper.removeViewAt(0);
}
return true;
}

@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2,
float distanceX, float distanceY) {
// TODO Auto-generated method stub
Log.d("QueryViewFlipper", "====> Jieqi: do onScroll...");
return super.onScroll(e1, e2, distanceX, distanceY);
}

}
}

 

要是调试,布局文件有些图片自己换咯!

其实我是想做一个像UC或腾讯qq的那种手拖动效果,可惜之前找了一个demo是可以,但要是文本内容过多就显示不出来...

找个时间也重写一下ScrollView




 

posted @ 2012-03-30 17:03  狼迹天涯  阅读(1583)  评论(0编辑  收藏  举报