今天我们来完成,点击信息,进入到详细的信息页面。我们先根据下面的图,来分析一下我们要如何布局,如何实现。
首先,我们看到,在这个详细页面的title中,文字是这个信息的标题,其中有一个共享按钮的功能,可以将信息共享到其它程序中,还有一个更多,里面,有几个功能,其中主要的就是修改文字的大小。下面,就是一个正常的信息显示,大家注意,这个信息显示有一个特点,就是在兰色的title下面和作者信息之间的标题,如果,我向上推动信息,看下面更多的内容,你会发现,这个标题会向上移动,直到消息,然后,作者的信息这行,到了顶部就不动了,而下面的正文部分,开始滚动。
其次,我们看到下面的工具栏,你在向上移动正文的时候,他会隐藏,而向下的时候,它会再显示出来。
接着,在正文的部分,会有图片显示出来,因为我采用的是将网上图片下载到本地进行加载,为了不在模拟器中产生大量图片,我就把这个功能关了,在本文的最后,我会将此功能打开,再切一个图看一下。
最后,你会发现,我们各右滑动屏幕的时候,这个页面各右移动,然后关掉。
好了,我们先从第一个问题开始解决,这个页面的title不用多说了,就是采用我们原来的说过的Toolbar来处理,没有什么可说的,唯一一点说明就是这个共享功能,这个系统给我们提供了一个现成的,只要加上应的样式就会出来,可是这个图标的大小,却与别的图标不一样,大了很多,这个我一直没有解决,哪位兄弟解决了,麻烦告诉我一下。
下面的布局,就有意思了,它有点像360里面的功能一样,最上面的title会被隐藏,而中间的部分到了顶部就不动了,而正文会开始滚动,这个功能我想了很久,没想到什么好的方法,后来看了网上几位大神的blog才明白,这个只能是自定义布局开发。这里采用的是http://blog.csdn.net/lmj623565791/article/details/43649913此博客的代码,只是简单的改了一点,思路什么的,大家可以通过此博客去了解。
那么最后一个问题,就是下面的工具栏,会显示和隐藏,我们会看到,它会在正文的上面显示出来,这样我们就采用一个FrameLayout做为主布局,然后把下面的工具栏放在上面,用程序来控制它的显示与隐藏。好了,思路是这样,我们开始代码:
我们先把自定义布局的代码写出来,这个是根据上面我给出的blog代码,简单改了一点StickyNavLayout.java
import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.OverScroller;
import android.widget.ScrollView;
import com.example.cg.zhihu_one.R;
/**
* Created by cg on 2015/8/18.
*/
public class StickyNavLayout extends LinearLayout {
private View mTop;
private View mNav;
private LinearLayout mViewPager;
private int mTopViewHeight;
private ViewGroup mInnerScrollView;
private boolean isTopHidden = false;
private OverScroller mScroller;
private VelocityTracker mVelocityTracker;
private int mTouchSlop;
private int mMaximumVelocity, mMinimumVelocity;
private float mLastY;
private boolean mDragging;
private boolean isInControl = false;
public StickyNavLayout(Context context, AttributeSet attrs) {
super(context, attrs);
setOrientation(LinearLayout.VERTICAL);
mScroller = new OverScroller(context);
mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
mMaximumVelocity = ViewConfiguration.get(context)
.getScaledMaximumFlingVelocity();
mMinimumVelocity = ViewConfiguration.get(context)
.getScaledMinimumFlingVelocity();
}
@Override
protected void onFinishInflate() {
super.onFinishInflate();
mTop = findViewById(R.id.id_stickynavlayout_topview);
mNav = findViewById(R.id.id_stickynavlayout_indicator);
View view = findViewById(R.id.id_stickynavlayout_viewpager);
if (!(view instanceof LinearLayout)) {
throw new RuntimeException(
"id_stickynavlayout_viewpager show used by ViewPager !");
}
mViewPager = (LinearLayout) view;
//此处直接给出下面的滚动条的布局
//mInnerScrollView = (ViewGroup)findViewById(R.id.scorl_main);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
ViewGroup.LayoutParams params = mViewPager.getLayoutParams();
params.height = getMeasuredHeight() - mNav.getMeasuredHeight();
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mTopViewHeight = mTop.getMeasuredHeight();
}
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
int action = ev.getAction();
float y = ev.getY();
switch (action) {
case MotionEvent.ACTION_DOWN:
mLastY = y;
break;
case MotionEvent.ACTION_MOVE:
float dy = y - mLastY;
getCurrentScrollView();
if (mInnerScrollView instanceof ScrollView) {
if (mInnerScrollView.getScrollY() == 0 && isTopHidden && dy > 0
&& !isInControl) {
isInControl = true;
ev.setAction(MotionEvent.ACTION_CANCEL);
MotionEvent ev2 = MotionEvent.obtain(ev);
dispatchTouchEvent(ev);
ev2.setAction(MotionEvent.ACTION_DOWN);
return dispatchTouchEvent(ev2);
}
} else if (mInnerScrollView instanceof ListView) {
ListView lv = (ListView) mInnerScrollView;
View c = lv.getChildAt(lv.getFirstVisiblePosition());
if (!isInControl && c != null && c.getTop() == 0 && isTopHidden
&& dy > 0) {
isInControl = true;
ev.setAction(MotionEvent.ACTION_CANCEL);
MotionEvent ev2 = MotionEvent.obtain(ev);
dispatchTouchEvent(ev);
ev2.setAction(MotionEvent.ACTION_DOWN);
return dispatchTouchEvent(ev2);
}
}
break;
}
return super.dispatchTouchEvent(ev);
}
/**
*
*/
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
final int action = ev.getAction();
float y = ev.getY();
switch (action) {
case MotionEvent.ACTION_DOWN:
mLastY = y;
break;
case MotionEvent.ACTION_MOVE:
float dy = y - mLastY;
getCurrentScrollView();
if (Math.abs(dy) > mTouchSlop) {
mDragging = true;
if (mInnerScrollView instanceof ScrollView) {
// 如果topView没有隐藏
// 或sc的scrollY = 0 && topView隐藏 && 下拉,则拦截
if (!isTopHidden
|| (mInnerScrollView.getScrollY() == 0
&& isTopHidden && dy > 0)) {
initVelocityTrackerIfNotExists();
mVelocityTracker.addMovement(ev);
mLastY = y;
return true;
}
} else if (mInnerScrollView instanceof ListView) {
ListView lv = (ListView) mInnerScrollView;
View c = lv.getChildAt(lv.getFirstVisiblePosition());
// 如果topView没有隐藏
// 或sc的listView在顶部 && topView隐藏 && 下拉,则拦截
if (!isTopHidden || //
(c != null //
&& c.getTop() == 0//
&& isTopHidden && dy > 0)) {
initVelocityTrackerIfNotExists();
mVelocityTracker.addMovement(ev);
mLastY = y;
return true;
}
}
}
break;
case MotionEvent.ACTION_CANCEL:
case MotionEvent.ACTION_UP:
mDragging = false;
recycleVelocityTracker();
break;
}
return super.onInterceptTouchEvent(ev);
}
private void getCurrentScrollView() {
//此处因为下面是滚动条,所以将viewpager隐掉
/*int currentItem = mViewPager.getCurrentItem();
PagerAdapter a = mViewPager.getAdapter();
if (a instanceof FragmentPagerAdapter) {
FragmentPagerAdapter fadapter = (FragmentPagerAdapter) a;
Fragment item = (Fragment) fadapter.instantiateItem(mViewPager,
currentItem);
mInnerScrollView = (ViewGroup) (item.getView()
.findViewById(R.id.id_stickynavlayout_innerscrollview));
} else if (a instanceof FragmentStatePagerAdapter) {
FragmentStatePagerAdapter fsAdapter = (FragmentStatePagerAdapter) a;
Fragment item = (Fragment) fsAdapter.instantiateItem(mViewPager,
currentItem);
mInnerScrollView = (ViewGroup) (item.getView()
.findViewById(R.id.id_stickynavlayout_innerscrollview));
}*/
}
@Override
public boolean onTouchEvent(MotionEvent event) {
initVelocityTrackerIfNotExists();
mVelocityTracker.addMovement(event);
int action = event.getAction();
float y = event.getY();
switch (action) {
case MotionEvent.ACTION_DOWN:
if (!mScroller.isFinished())
mScroller.abortAnimation();
mLastY = y;
return true;
case MotionEvent.ACTION_MOVE:
float dy = y - mLastY;
Log.e("TAG", "dy = " + dy + " , y = " + y + " , mLastY = " + mLastY);
if (!mDragging && Math.abs(dy) > mTouchSlop) {
mDragging = true;
}
if (mDragging) {
scrollBy(0, (int) -dy);
// 如果topView隐藏,且上滑动时,则改变当前事件为ACTION_DOWN
if (getScrollY() == mTopViewHeight && dy < 0) {
event.setAction(MotionEvent.ACTION_DOWN);
dispatchTouchEvent(event);
isInControl = false;
}
}
mLastY = y;
break;
case MotionEvent.ACTION_CANCEL:
mDragging = false;
recycleVelocityTracker();
if (!mScroller.isFinished()) {
mScroller.abortAnimation();
}
break;
case MotionEvent.ACTION_UP:
mDragging = false;
mVelocityTracker.computeCurrentVelocity(1000, mMaximumVelocity);
int velocityY = (int) mVelocityTracker.getYVelocity();
if (Math.abs(velocityY) > mMinimumVelocity) {
fling(-velocityY);
}
recycleVelocityTracker();
break;
}
return super.onTouchEvent(event);
}
public void fling(int velocityY) {
mScroller.fling(0, getScrollY(), 0, velocityY, 0, 0, 0, mTopViewHeight);
invalidate();
}
@Override
public void scrollTo(int x, int y) {
if (y < 0) {
y = 0;
}
if (y > mTopViewHeight) {
y = mTopViewHeight;
}
if (y != getScrollY()) {
super.scrollTo(x, y);
}
isTopHidden = getScrollY() == mTopViewHeight;
}
@Override
public void computeScroll() {
if (mScroller.computeScrollOffset()) {
scrollTo(0, mScroller.getCurrY());
invalidate();
}
}
private void initVelocityTrackerIfNotExists() {
if (mVelocityTracker == null) {
mVelocityTracker = VelocityTracker.obtain();
}
}
private void recycleVelocityTracker() {
if (mVelocityTracker != null) {
mVelocityTracker.recycle();
mVelocityTracker = null;
}
}
}
好,我们来看一下主程序与布局
activity_index_detail.xml
<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<include
layout="@layout/toolbar" />
<com.example.cg. zhihu_one.untils.StickyNavLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:id="@id/id_stickynavlayout_topview"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#C1C1C1" >
<TextView
android:id="@+id/txt_index_detail_title"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text=""
android:textColor="#454545"
android:textSize="@dimen/list_remark_size"
android:layout_marginTop="6dp"
android:layout_marginBottom="6dp"
android:layout_marginLeft="5dp"
android:layout_marginRight="2dp"
/>
</LinearLayout>
<LinearLayout
android:id="@+id/id_stickynavlayout_indicator"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<com.android.volley.toolbox.NetworkImageView
android:id="@+id/netimg_index_detail_userpic"
android:layout_width="0dp"
android:layout_height="50dp"
android:layout_weight="1"
android:src="@drawable/img_empty_followers"
android:layout_marginTop="5dp"
android:layout_marginLeft="5dp"
android:layout_marginBottom="5dp"
/>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_weight="4">
<TextView
android:id="@+id/txt_index_detail_userName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/black"
android:textSize="@dimen/list_remark_size"
android:layout_marginTop="5dp"/>
<TextView
android:id="@+id/txt_index_detail_userRemark"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/gray"
android:textSize="@dimen/list_remark_size"
android:layout_marginTop="2dp"
android:layout_marginBottom="5dp"
android:lines="1"/>
</LinearLayout>
<LinearLayout
android:id="@+id/linear_index_detail_zan"
android:layout_width="0dp"
android:layout_height="fill_parent"
android:layout_weight="2"
android:orientation="horizontal"
android:layout_gravity="center_vertical"
android:gravity="center"
android:clickable="true">
<View
android:layout_width="1dip"
android:layout_height="15dp"
android:background="@color/gray"
android:layout_gravity="center_vertical"
/>
<ImageView
android:id="@+id/img_index_detail_zan"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_vote_normal"
android:layout_marginLeft="10dp"/>
<TextView
android:id="@+id/txt_index_detail_zanNum"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="120"
android:layout_marginLeft="10dp"
android:textColor="@color/gray"/>
</LinearLayout>
</LinearLayout>
<View
android:layout_width="fill_parent"
android:layout_height="1dp"
android:background="#CCCCCC" />
<LinearLayout
android:id="@id/id_stickynavlayout_viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="5dp"
android:layout_marginRight="2dp">
<ScrollView
android:id="@+id/scorl_main"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/txt_index_detail_content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
/>
</ScrollView>
</LinearLayout>
</com.example.cg.zhihu_one.untils.StickyNavLayout>
</LinearLayout>
<LinearLayout
android:id="@+id/linear_index_detail_seekbar"
android:layout_width="fill_parent"
android:layout_height="50dp"
android:orientation="horizontal"
android:background="#D4D4D4"
android:layout_gravity="bottom"
android:gravity="center">
<TextView
android:text="@string/index_detail_TextSize_small"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"/>
<SeekBar
android:id="@+id/seekbar_index_detail"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="5"
android:max="5"
/>
<TextView
android:text="@string/index_detail_TextSize_big"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"/>
</LinearLayout>
<LinearLayout
android:id="@id/linear_index_detail_bottomtitle"
android:layout_width="fill_parent"
android:layout_height="50dp"
android:background="#D4D4D4"
android:layout_gravity="bottom">
<TextView
android:id="@+id/txt_index_detail_help"
android:layout_width="0dp"
android:layout_height="50dp"
android:layout_weight="1"
android:text="@string/index_detail_help"
android:clickable="true"
android:gravity="center"
android:layout_marginTop="5dp"
android:drawableTop="@drawable/ic_nohelp"/>
<TextView
android:id="@+id/txt_index_detail_thank"
android:layout_width="0dp"
android:layout_height="50dp"
android:layout_weight="1"
android:layout_marginTop="5dp"
android:text="@string/index_detail_thank"
android:clickable="true"
android:gravity="center"
android:drawableTop="@drawable/ic_thank"/>
<TextView
android:id="@+id/txt_index_detail_Collection"
android:layout_width="0dp"
android:layout_height="50dp"
android:layout_weight="1"
android:layout_marginTop="5dp"
android:text="@string/index_detail_collection"
android:clickable="true"
android:gravity="center"
android:drawableTop="@drawable/ic_collect"/>
<TextView
android:id="@+id/txt_index_detail_Comment"
android:layout_width="0dp"
android:layout_height="50dp"
android:layout_weight="1"
android:layout_marginTop="5dp"
android:text="@string/index_detail_comment"
android:clickable="true"
android:gravity="center"
android:drawableTop="@drawable/ic_comment"/>
</LinearLayout>
</FrameLayout>
注意:这里在StickyNavLayout布局里,好几个控件我们不是定义它的id,而是给它赋予id,这是为什么呢, 主要是为了自定义布局里面好取值,这里我们在values中定义了一个ids_sticky_nav_Llayout.xml文件
<?xml version="1.0" encoding="utf-8"?>
<resources>
<item name="id_stickynavlayout_topview" type="id"/>
<item name="id_stickynavlayout_viewpager" type="id"/>
<item name="id_stickynavlayout_indicator" type="id"/>
<item name="id_stickynavlayout_innerscrollview" type="id"/>
<item name="linear_index_detail_bottomtitle" type="id"/>
</resources>
当然了,为了以后改文字和通用性比较好, 我在values文件夹的strings.xml文件里,定义了一些文字
strings.xml
<resources>
<string name="app_name">zhihu_one</string>
<string name="hello_world">Hello world!</string>
<string name="action_settings">Settings</string>
<string name="drawer_open">打开</string>
<string name="drawer_close">关闭</string>
<string name="menu_index">首页</string>
<string name="menu_search">查询</string>
<string name="menu_notify">通知</string>
<string name="menu_about">关于</string>
<string name="menu_register">登出</string>
<string name="menu_share">分享</string>
<string name="menu_shuffle">随机看</string>
<string name="title_activity_index_detail">Index_detailActivity</string>
<string name="index_detail_TextSize_small">小</string>
<string name="index_detail_TextSize_big">大</string>
<string name="index_detail_help">没有帮助</string>
<string name="index_detail_nohelp">撤消没有帮助</string>
<string name="index_detail_thank">感谢</string>
<string name="index_detail_thanked">已感谢</string>
<string name="index_detail_collection">收藏</string>
<string name="index_detail_collectioned">已收藏</string>
<string name="index_detail_comment">评论 0</string>
</resources>
好,这时候,我们在原来的代码中,Index_lv_Adapter.java中,将点击事件中的跳转的代码加上,如下
listclass.linear_index_item_content.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent cIntent = new Intent();
cIntent.setClass(context, Index_detailActivity.class);
cIntent.putExtra("questionID", list_index.get(position).getQuestionID());
cIntent.putExtra("questionTitle",list_index.get(position).getQuestionTitle());
context.startActivity(cIntent);
}
});
这里有一点,你会问了,我传一个id过去不就完了吗,因为我的数据全是根据id,然后从服务器里传回来的,为什么还要再专一个title呢。这个在后面,你就明白了。好了,我们来看Index_detailActivity.java的代码。
还记得我们的最后一个问题,就是向右滑动手机,这个Activity会向左移动然后关闭,这个呢,我们使用的是网上第三方插件,叫SwipeBackLayout,官方地址:https://github.com/ikew0ng/SwipeBackLayout。在我们android studio开发工具中,只要引入
compile 'me.imid.swipebacklayout.lib:library:1.0.0'即可。这里要注意一点啊。原生代码继承的是Activity可是我们这里使用了Toolbar哪么我们就得改写一下,让他继承ActionBarActivity,我们重新建一个类叫SwipeBackToolBarActivity,代码如下:
import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.view.View;
import me.imid.swipebacklayout.lib.SwipeBackLayout;
import me.imid.swipebacklayout.lib.app.SwipeBackActivityBase;
import me.imid.swipebacklayout.lib.app.SwipeBackActivityHelper;
/**
* Created by cg on 2015/11/10.
*/
public class SwipeBackToolBarActivity extends ActionBarActivity implements SwipeBackActivityBase {
private SwipeBackActivityHelper mHelper;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mHelper = new SwipeBackActivityHelper(this);
mHelper.onActivityCreate();
}
@Override
protected void onPostCreate(Bundle savedInstanceState) {
super.onPostCreate(savedInstanceState);
mHelper.onPostCreate();
}
@Override
public View findViewById(int id) {
View v = super.findViewById(id);
if (v == null && mHelper != null)
return mHelper.findViewById(id);
return v;
}
@Override
public SwipeBackLayout getSwipeBackLayout() {
return mHelper.getSwipeBackLayout();
}
@Override
public void setSwipeBackEnable(boolean enable) {
getSwipeBackLayout().setEnableGesture(enable);
}
@Override
public void scrollToFinishActivity() {
getSwipeBackLayout().scrollToFinishActivity();
}
}
我们先让我们的主程序继承这个类SwipeBackToolBarActivity。代码如下:
import android.app.ProgressDialog;
import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ScrollView;
import android.widget.TextView;
import com.android.volley.toolbox.NetworkImageView;
import com.example.cg.zhihu_one.untils.SwipeBackToolBarActivity;
import me.imid.swipebacklayout.lib.SwipeBackLayout;
public class Index_detailActivity extends SwipeBackToolBarActivity implements View.OnClickListener {
private SwipeBackLayout mSwipeBackLayout; //定义侧滑退出此activity
private Toolbar toolbar; //定义toolbar
private int qid; //定义接到的问题id
private String questionTitle; //定义问题的标题
private ProgressDialog myProgressDialog; //定义信息等等控件
private TextView txt_index_detail_title; //定义问题的标题
private NetworkImageView netimg_index_detail_userpic; //定义用户头像
private TextView txt_index_detail_userName; //定义用户名字
private TextView txt_index_detail_userRemark; //定义用户简介
private ImageView img_index_detail_zan; //定义点赞的图标
private TextView txt_index_detail_zanNum; //定义点赞数
private ScrollView scorl_main; //内容滚动条
private TextView txt_index_detail_content; //定义内容
private LinearLayout linear_index_detail_bottomtitle; //定义底部工具栏
private LinearLayout id_stickynavlayout_indicator;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_index_detail);
qid = getIntent().getIntExtra("questionID", 0); //从列表页,接收问题的id
questionTitle = getIntent().getStringExtra("questionTitle"); //接收到的标题
mSwipeBackLayout = getSwipeBackLayout();
int edgeFlag = SwipeBackLayout.EDGE_LEFT; //从右向左滑动
//int edgeFlag = SwipeBackLayout.EDGE_RIGHT; //从左向右滑动
//int edgeFlag = SwipeBackLayout.EDGE_BOTTOM; //从下向上滑动
//int edgeFlag = SwipeBackLayout.EDGE_ALL; //从右,右,下都可以滑动
mSwipeBackLayout.setEdgeTrackingEnabled(edgeFlag);
toolbar = (Toolbar)this.findViewById(R.id.toolbar);
toolbar.setTitle(questionTitle); // 标题的文字需在setSupportActionBar之前,不然会无效
setSupportActionBar(toolbar);
initControls();
}
/**
* 初始化各控件
*/
private void initControls() {
txt_index_detail_title = (TextView)findViewById(R.id.txt_index_detail_title);
//注意这里,我们把标题的内容给TextView赋值,是为了能让我们自定义的StickNavLayout布局去算一下,它的高度。
//因为我们的数据值是通过异步从远程服务器中得到了,如果现在不给值,会有一个时间差,会造成计算高度有误
txt_index_detail_title.setText(questionTitle);
netimg_index_detail_userpic = (NetworkImageView)findViewById(R.id.netimg_index_detail_userpic);
txt_index_detail_userName = (TextView)findViewById(R.id.txt_index_detail_userName);
txt_index_detail_userRemark = (TextView)findViewById(R.id.txt_index_detail_userRemark);
txt_index_detail_zanNum = (TextView)findViewById(R.id.txt_index_detail_zanNum);
txt_index_detail_content = (TextView)findViewById(R.id.txt_index_detail_content);
txt_index_detail_content.setOnClickListener(this);
linear_index_detail_bottomtitle = (LinearLayout)findViewById(R.id.linear_index_detail_bottomtitle);
id_stickynavlayout_indicator = (LinearLayout)findViewById(R.id.id_stickynavlayout_indicator);
img_index_detail_zan = (ImageView)findViewById(R.id.img_index_detail_zan);
//linear_index_detail_seekbar = (LinearLayout) findViewById(R.id.linear_index_detail_seekbar);
//HideTextSizeAnimator(100);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_index_detail, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
@Override
public void onClick(View v) {
}
}
OK,我们来看一下效果,效果图如下:
功能还不错,Toolbar出来了,侧滑也能关闭页面了,可是为什么侧滑出来背景是黑的啊。这就不好看了。背景应该是前一个页面啊。这是因为我们虽然进行了侧滑,
可是这个activity的背景是黑的,不是透明的,所以显示不出来前一个页面,我们只要把它的背景设置成透明就OK了,我们后面还要有几个页面使用这个效果,所以我们把
这个设置,放到style.xml文件中,我们来修改我们的style.xml文件.
<resources>
<style name="AppBaseTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- toolbar(actionbar)颜色 -->
<item name="colorPrimary">@color/titleBlue</item>
<!-- 状态栏颜色 -->
<item name="colorPrimaryDark">#3A5FCD</item>
<!--toolbar文字的颜色-->
<item name="@android:textColorPrimary">@android:color/white</item>
<!-- 窗口的背景颜色 -->
<item name="android:windowBackground">@android:color/white</item>
<!--toolbar上菜单文字的颜色-->
<item name="actionMenuTextColor">#ffffff</item>
</style>
<!--让侧滑页面在侧滑时,背景透明,让AndroidManifest.xml文件的主样式继承它-->
<style name="AppTheme" parent="@style/AppBaseTheme">
<item name="android:windowIsTranslucent">true</item>
</style>
</resources>
AndroidManifest.xml 文件的application中的android:theme的样式修改为AppTheme。好让我们看一下修改后的效果。
OK,侧滑关掉页面我们完成了,现在我们来从服务器读取数据,给控件赋值,然后看一下我们中间的内容区是否和我们想的一样。
为了得到页面显示的内容,我们先做一个class,做为models
goodAnswer.java
/**
* 内容页显示字段
* Created by cg on 2015/11/10.
*/
public class goodAnswer {
private int questionID; //问题id
private String questionTitle; //问题的标题
private int userID; //答题者的id
private String userName; //答题者姓名
private String userProfile; //答题者简介
private String answerContent; //答题内容
private int aZambia; //答题被点选次数
private int ahelpId; //对自己是否有帮助
private int userCollectionId; //是否收藏
private String userPic; //用户照片
private int answerNum; //回复数
private int userThank; //是否感谢
private int commentNum;
public goodAnswer() {
}
public goodAnswer(int questionID, String questionTitle, int userID, String userName, String userProfile, String answerContent, int aZambia, int ahelpId, int userCollectionId, String userPic, int answerNum, int userThank) {
this.questionID = questionID;
this.questionTitle = questionTitle;
this.userID = userID;
this.userName = userName;
this.userProfile = userProfile;
this.answerContent = answerContent;
this.aZambia = aZambia;
this.ahelpId = ahelpId;
this.userCollectionId = userCollectionId;
this.userPic = userPic;
this.answerNum = answerNum;
this.userThank = userThank;
}
public int getQuestionID() {
return questionID;
}
public void setQuestionID(int questionID) {
this.questionID = questionID;
}
public String getQuestionTitle() {
return questionTitle;
}
public void setQuestionTitle(String questionTitle) {
this.questionTitle = questionTitle;
}
public int getUserID() {
return userID;
}
public void setUserID(int userID) {
this.userID = userID;
}
public String getUserName() {
return userName;
}
public void setUserName(String userName) {
this.userName = userName;
}
public String getUserProfile() {
return userProfile;
}
public void setUserProfile(String userProfile) {
this.userProfile = userProfile;
}
public String getAnswerContent() {
return answerContent;
}
public void setAnswerContent(String answerContent) {
this.answerContent = answerContent;
}
public int getaZambia() {
return aZambia;
}
public void setaZambia(int aZambia) {
this.aZambia = aZambia;
}
public int getAhelpId() {
return ahelpId;
}
public void setAhelpId(int ahelpId) {
this.ahelpId = ahelpId;
}
public int getUserCollectionId() {
return userCollectionId;
}
public void setUserCollectionId(int userCollectionId) {
this.userCollectionId = userCollectionId;
}
public String getUserPic() {
return userPic;
}
public void setUserPic(String userPic) {
this.userPic = userPic;
}
public int getAnswerNum() {
return answerNum;
}
public void setAnswerNum(int answerNum) {
this.answerNum = answerNum;
}
public int getUserThank() {
return userThank;
}
public void setUserThank(int userThank) {
this.userThank = userThank;
}
}
好,我们来看一下Index_detailActivity.java的代码
import android.app.ProgressDialog;
import android.content.SharedPreferences;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.os.Environment;
import android.os.Handler;
import android.os.Message;
import android.support.v7.widget.ShareActionProvider;
import android.support.v7.widget.Toolbar;
import android.text.Html;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ScrollView;
import android.widget.SeekBar;
import android.widget.TextView;
import android.widget.Toast;
import com.android.volley.RequestQueue;
import com.android.volley.toolbox.ImageLoader;
import com.android.volley.toolbox.NetworkImageView;
import com.android.volley.toolbox.Volley;
import com.example.cg.zhihu_one.models.goodAnswer;
import com.example.cg.zhihu_one.untils.SwipeBackToolBarActivity;
import com.example.cg.zhihu_one.untils.configStatic;
import com.example.cg.zhihu_one.untils.imagesUntils;
import com.example.cg.zhihu_one.untils.webservicesUntils;
import com.loopj.android.http.AsyncHttpClient;
import com.loopj.android.http.BinaryHttpResponseHandler;
import org.apache.http.Header;
import org.json.JSONException;
import org.json.JSONObject;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Date;
import me.imid.swipebacklayout.lib.SwipeBackLayout;
public class Index_detailActivity extends SwipeBackToolBarActivity implements View.OnClickListener {
private SwipeBackLayout mSwipeBackLayout; //定义侧滑退出此activity
private Toolbar toolbar; //定义toolbar
private int qid; //定义接到的问题id
private String questionTitle; //定义问题的标题
private ProgressDialog myProgressDialog; //定义信息等等控件
private TextView txt_index_detail_title; //定义问题的标题
private NetworkImageView netimg_index_detail_userpic; //定义用户头像
private TextView txt_index_detail_userName; //定义用户名字
private TextView txt_index_detail_userRemark; //定义用户简介
private ImageView img_index_detail_zan; //定义点赞的图标
private TextView txt_index_detail_zanNum; //定义点赞数
private ScrollView scorl_main; //内容滚动条
private TextView txt_index_detail_content; //定义内容
private LinearLayout linear_index_detail_bottomtitle; //定义底部工具栏
private LinearLayout id_stickynavlayout_indicator;
private float oldy; //定义滚动scrollview的前一步滚动的值
private boolean isHideBottom = false; //是否隐藏底部工具栏
private TextView txt_index_detail_help; //定义底部工具栏,帮助
private boolean isHelp = false; //是否帮助,默认为否
private TextView txt_index_detail_thank; //定义底部工具栏,感谢
private boolean isThank = false; //是否感谢,默认为否
private TextView txt_index_detail_Collection; //定义底部工具栏,收藏
private boolean isCollection = false; //是否收藏,默认为否
private TextView txt_index_detail_Comment; //定义底部工具栏,评论
private boolean isComment = false; //是否评价,默认为否
private goodAnswer gAnswer; //定义最佳回答的类
//定义volley
private RequestQueue mQueue;
private ImageLoader imageLoader;
private String answerContent; //定义答案,主要是为了重新加载其中的图片
//private PopupWindow popWin; //定义更多弹出对话框
private ShareActionProvider mShareActionProvider;
private LinearLayout linear_index_detail_zan; //点赞按钮
private int isZan = 0; //是否点了赞同或是反对 0:未点 1:赞同 2:反对
private boolean isHideTextSize = true; //是否隐藏底部文字大小调整,默认是隐藏 true
private LinearLayout linear_index_detail_seekbar; //底部文字大小调整
private SeekBar seekbar_index_detail; //底部调整文字大小seebar
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_index_detail);
qid = getIntent().getIntExtra("questionID", 0); //从列表页,接收问题的id
questionTitle = getIntent().getStringExtra("questionTitle"); //接收到的标题
mSwipeBackLayout = getSwipeBackLayout();
int edgeFlag = SwipeBackLayout.EDGE_LEFT; //从右向左滑动
//int edgeFlag = SwipeBackLayout.EDGE_RIGHT; //从左向右滑动
//int edgeFlag = SwipeBackLayout.EDGE_BOTTOM; //从下向上滑动
//int edgeFlag = SwipeBackLayout.EDGE_ALL; //从右,右,下都可以滑动
mSwipeBackLayout.setEdgeTrackingEnabled(edgeFlag);
toolbar = (Toolbar)this.findViewById(R.id.toolbar);
toolbar.setTitle(questionTitle); // 标题的文字需在setSupportActionBar之前,不然会无效
setSupportActionBar(toolbar);
//初始化Volley,为用户照片显示
mQueue = Volley.newRequestQueue(this);
imageLoader = new ImageLoader(mQueue, new imagesUntils.BitmapCache() {
@Override
public Bitmap getBitmap(String s) {
return null;
}
@Override
public void putBitmap(String s, Bitmap bitmap) {
}
});
initControls();
initData(qid);
}
/**
* 初始化各控件
*/
private void initControls() {
txt_index_detail_title = (TextView)findViewById(R.id.txt_index_detail_title);
//注意这里,我们把标题的内容给TextView赋值,是为了能让我们自定义的StickNavLayout布局去算一下,它的高度。
//因为我们的数据值是通过异步从远程服务器中得到了,如果现在不给值,会有一个时间差,会造成计算高度有误
txt_index_detail_title.setText(questionTitle);
netimg_index_detail_userpic = (NetworkImageView)findViewById(R.id.netimg_index_detail_userpic);
txt_index_detail_userName = (TextView)findViewById(R.id.txt_index_detail_userName);
txt_index_detail_userRemark = (TextView)findViewById(R.id.txt_index_detail_userRemark);
txt_index_detail_zanNum = (TextView)findViewById(R.id.txt_index_detail_zanNum);
txt_index_detail_content = (TextView)findViewById(R.id.txt_index_detail_content);
txt_index_detail_content.setOnClickListener(this);
linear_index_detail_bottomtitle = (LinearLayout)findViewById(R.id.linear_index_detail_bottomtitle);
id_stickynavlayout_indicator = (LinearLayout)findViewById(R.id.id_stickynavlayout_indicator);
img_index_detail_zan = (ImageView)findViewById(R.id.img_index_detail_zan);
//linear_index_detail_seekbar = (LinearLayout) findViewById(R.id.linear_index_detail_seekbar);
//HideTextSizeAnimator(100);
}
/**
* 初始化数据,根据问题id,取出相应的问题信息
* @param qid
*/
private void initData(final int qid) {
// 初始化数据和数据源
myProgressDialog = new ProgressDialog(this);
myProgressDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER); //设置风格为圆形进度条
myProgressDialog.setTitle("提示"); //设置标题
myProgressDialog.setMessage("数据加载中,请稍等..."); //设置内容
myProgressDialog.setIndeterminate(false); //设置进度是否为不明确
myProgressDialog.setCancelable(true); //设置进度条是否可以按退回键取消
myProgressDialog.show();
new Thread(new Runnable() {
@Override
public void run() {
Message msg = new Message();
try{
String soapObject = webservicesUntils.getIndexDetailgoodAnswer(qid);
if(soapObject!="0") {
try {
gAnswer = new goodAnswer();
//操作单条json数据
JSONObject jsonAnswer = new JSONObject(soapObject);
gAnswer.setQuestionID(jsonAnswer.getInt("questionID"));
gAnswer.setQuestionTitle(jsonAnswer.getString("questionTitle"));
gAnswer.setUserID(jsonAnswer.getInt("userID"));
gAnswer.setUserName(jsonAnswer.getString("userName"));
gAnswer.setUserProfile(jsonAnswer.getString("userProfile"));
gAnswer.setAnswerContent(jsonAnswer.getString("answerContent"));
gAnswer.setaZambia(jsonAnswer.getInt("aZambia"));
gAnswer.setAhelpId(jsonAnswer.getInt("ahelpId"));
gAnswer.setUserCollectionId(jsonAnswer.getInt("userCollectionId"));
gAnswer.setUserPic(jsonAnswer.getString("userPic"));
gAnswer.setAnswerNum(jsonAnswer.getInt("answerNum"));
gAnswer.setUserThank(jsonAnswer.getInt("userThank"));
} catch (JSONException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
msg.arg1 = 1;
msg.obj = gAnswer;
handler.sendMessage(msg);
}catch (Exception ex){
msg.arg1 = 2;
}
}
}).start();
}
Handler handler = new Handler(){
@Override
public void handleMessage(Message msg) {
if(msg.arg1==1)
{
toolbar.setTitle(gAnswer.getQuestionTitle()); // 标题的文字需在setSupportActionBar之前,不然会无效
setSupportActionBar(toolbar);
//actionBar.setTitle(gAnswer.getQuestionTitle()); //为actionbar设置标题
txt_index_detail_title.setText(gAnswer.getQuestionTitle()); //为标题赋值
//为图片控件加载图片,采用NetworkImageView控件。
//第一项是加载图片控件的默认图片,一般是图片加载中,这样的图片
//第二项是当发生错误的时候加载的图片,如网络图片路径不对或是加载失败的时候显示的图片
//第三项就是加载网络图片了
netimg_index_detail_userpic.setDefaultImageResId(R.drawable.img_empty_followers);
netimg_index_detail_userpic.setErrorImageResId(R.drawable.img_empty_followers);
netimg_index_detail_userpic.setImageUrl(gAnswer.getUserPic(), imageLoader);
txt_index_detail_userName.setText(gAnswer.getUserName()); //为用户名赋值
txt_index_detail_userRemark.setText(gAnswer.getUserProfile()); //用户简介
txt_index_detail_zanNum.setText(gAnswer.getaZambia() + ""); //点赞数
answerContent = gAnswer.getAnswerContent();
//txt_index_detail_Comment.setText("评论 " + gAnswer.getAnswerNum()); //评论数
//txt_index_detail_content.setText(answerContent);
//从系统设置中,读取默认的字体大小
SharedPreferences preferences = getSharedPreferences(configStatic.SHAREDPREFERENCES_NAME, MODE_PRIVATE);
int contentTextSize = preferences.getInt("contentTextSize", 14);
txt_index_detail_content.setTextSize(contentTextSize);
//seekbar_index_detail.setProgress((contentTextSize - 10) / 2);
txt_index_detail_content.setText(Html.fromHtml(answerContent, imageGetter, null));
/*if(gAnswer.getAhelpId()!=0)
{
txt_index_detail_help.setCompoundDrawablesWithIntrinsicBounds(null, getResources().getDrawable(R.drawable.ic_nohelped), null, null);
txt_index_detail_help.setText(R.string.index_detail_nohelp);
isHelp = true;
}
if(gAnswer.getUserThank()!=0)
{
txt_index_detail_thank.setCompoundDrawablesWithIntrinsicBounds(null, getResources().getDrawable(R.drawable.ic_thanked), null, null);
txt_index_detail_thank.setText(R.string.index_detail_thanked);
}
if(gAnswer.getUserCollectionId()!=0)
{
txt_index_detail_Collection.setCompoundDrawablesWithIntrinsicBounds(null, getResources().getDrawable(R.drawable.ic_collected), null, null);
txt_index_detail_Collection.setText(R.string.index_detail_collectioned);
isCollection = true;
}
HideTextSizeAnimator(100);*/
}else
{
Toast.makeText(Index_detailActivity.this, "数据加载失败!", Toast.LENGTH_LONG).show();
}
myProgressDialog.dismiss();
}
};
/**
* 处理 TextView中的图片,对图片地址进行处理
*/
Html.ImageGetter imageGetter = new Html.ImageGetter(){
@Override
public Drawable getDrawable(String source) {
Drawable drawable=null;
/**
* 判断图片是本地图片还是网络图片,如果是本地图片,直接调用,如果是网络图片,先下载再调用
* */
if(source.indexOf("http://")!=-1) {
//showPic(source);
}else
{
drawable=Drawable.createFromPath(source);
drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
}
return drawable;
}
};
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_index_detail, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
@Override
public void onClick(View v) {
}
/**
* TextView中加载图片的处理,主要是根据文本中图片的地址,把网络上的图片下到手机中,以方便读取
* @param url
*/
private void showPic(final String url) {
AsyncHttpClient client = new AsyncHttpClient();
// 指定文件类型
String[] allowedContentTypes = new String[]{"image/png", "image/jpeg"};
// 获取二进制数据如图片和其他文件
client.get(url, new BinaryHttpResponseHandler(allowedContentTypes) {
@Override
public void onSuccess(int statusCode, Header[] headers,
byte[] binaryData) {
String tempPath = Environment.getExternalStorageDirectory()
.getPath() + "/" + new Date().getTime() + ".jpg";
// TODO Auto-generated method stub
// 下载成功后需要做的工作
//progress.setProgress(0);
//
Log.e("binaryData:", "共下载了:" + binaryData.length);
//
Bitmap bmp = BitmapFactory.decodeByteArray(binaryData, 0,
binaryData.length);
File file = new File(tempPath);
// 压缩格式
Bitmap.CompressFormat format = Bitmap.CompressFormat.JPEG;
// 压缩比例
int quality = 100;
try {
// 若存在则删除
if (file.exists())
file.delete();
// 创建文件
file.createNewFile();
//
OutputStream stream = new FileOutputStream(file);
// 压缩输出
bmp.compress(format, quality, stream);
// 关闭
stream.close();
//
//Toast.makeText(MainActivity.this, "下载成功\n" + tempPath,
//Toast.LENGTH_LONG).show();
Log.e("url", url);
Log.e("tempPath", tempPath);
//此处是当图片已经下到本地之后,再根据本地地址重新加载一次文字内容,这样图片就加载到了TextView中
//这里一直没有想到更好的方法
answerContent = answerContent.replace(url, tempPath);
txt_index_detail_content.setText(Html.fromHtml(answerContent, imageGetter, null));
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
@Override
public void onFailure(int statusCode, Header[] headers,
byte[] binaryData, Throwable error) {
// TODO Auto-generated method stub
Toast.makeText(Index_detailActivity.this, "下载失败", Toast.LENGTH_LONG).show();
}
public void onProgress(int bytesWritten, int totalSize) {
// TODO Auto-generated method stub
super.onProgress(bytesWritten, totalSize);
int count = (int) ((bytesWritten * 1.0 / totalSize) * 100);
// 下载进度显示
//progress.setProgress(count);
Log.e("下载 Progress>>>>>", bytesWritten + " / " + totalSize);
}
@Override
public void onRetry(int retryNo) {
// TODO Auto-generated method stub
super.onRetry(retryNo);
// 返回重试次数
}
});
}
}
知识点:
1,因为知乎这个程序是分app和web两个版本的,很多问题都是在web端输入的,所以它app内容部分,正常是用webview调html的代码实现的,在这里我只是为了简化,就直接使用了TextView。这里我们使用Html.fromHtml方法来加载内容,可以解析一部分html代码,但不是全部的,比较表格 table它就不认。所以这里的内容我就做了点简单的样式,就是回车。我们要知道和学习的就是Html.fromHtml
2,正文中的图片下载,我们使用的是第三方插件,android-async-http。它的官网是https://github.com/loopj/android-async-http。我们在android studio中只要引入compile 'com.loopj.android:android-async-http:1.4.8'即可。
好,我们看一下代码
import android.app.ProgressDialog;
import android.content.SharedPreferences;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.os.Environment;
import android.os.Handler;
import android.os.Message;
import android.support.v7.widget.ShareActionProvider;
import android.support.v7.widget.Toolbar;
import android.text.Html;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ScrollView;
import android.widget.SeekBar;
import android.widget.TextView;
import android.widget.Toast;
import com.android.volley.RequestQueue;
import com.android.volley.toolbox.ImageLoader;
import com.android.volley.toolbox.NetworkImageView;
import com.android.volley.toolbox.Volley;
import com.example.cg.zhihu_one.models.goodAnswer;
import com.example.cg.zhihu_one.untils.SwipeBackToolBarActivity;
import com.example.cg.zhihu_one.untils.configStatic;
import com.example.cg.zhihu_one.untils.imagesUntils;
import com.example.cg.zhihu_one.untils.webservicesUntils;
import com.loopj.android.http.AsyncHttpClient;
import com.loopj.android.http.BinaryHttpResponseHandler;
import org.apache.http.Header;
import org.json.JSONException;
import org.json.JSONObject;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Date;
import me.imid.swipebacklayout.lib.SwipeBackLayout;
public class Index_detailActivity extends SwipeBackToolBarActivity implements View.OnClickListener {
private SwipeBackLayout mSwipeBackLayout; //定义侧滑退出此activity
private Toolbar toolbar; //定义toolbar
private int qid; //定义接到的问题id
private String questionTitle; //定义问题的标题
private ProgressDialog myProgressDialog; //定义信息等等控件
private TextView txt_index_detail_title; //定义问题的标题
private NetworkImageView netimg_index_detail_userpic; //定义用户头像
private TextView txt_index_detail_userName; //定义用户名字
private TextView txt_index_detail_userRemark; //定义用户简介
private ImageView img_index_detail_zan; //定义点赞的图标
private TextView txt_index_detail_zanNum; //定义点赞数
private ScrollView scorl_main; //内容滚动条
private TextView txt_index_detail_content; //定义内容
private LinearLayout linear_index_detail_bottomtitle; //定义底部工具栏
private LinearLayout id_stickynavlayout_indicator;
private float oldy; //定义滚动scrollview的前一步滚动的值
private boolean isHideBottom = false; //是否隐藏底部工具栏
private TextView txt_index_detail_help; //定义底部工具栏,帮助
private boolean isHelp = false; //是否帮助,默认为否
private TextView txt_index_detail_thank; //定义底部工具栏,感谢
private boolean isThank = false; //是否感谢,默认为否
private TextView txt_index_detail_Collection; //定义底部工具栏,收藏
private boolean isCollection = false; //是否收藏,默认为否
private TextView txt_index_detail_Comment; //定义底部工具栏,评论
private boolean isComment = false; //是否评价,默认为否
private goodAnswer gAnswer; //定义最佳回答的类
//定义volley
private RequestQueue mQueue;
private ImageLoader imageLoader;
private String answerContent; //定义答案,主要是为了重新加载其中的图片
//private PopupWindow popWin; //定义更多弹出对话框
private ShareActionProvider mShareActionProvider;
private LinearLayout linear_index_detail_zan; //点赞按钮
private int isZan = 0; //是否点了赞同或是反对 0:未点 1:赞同 2:反对
private boolean isHideTextSize = true; //是否隐藏底部文字大小调整,默认是隐藏 true
private LinearLayout linear_index_detail_seekbar; //底部文字大小调整
private SeekBar seekbar_index_detail; //底部调整文字大小seebar
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_index_detail);
qid = getIntent().getIntExtra("questionID", 0); //从列表页,接收问题的id
questionTitle = getIntent().getStringExtra("questionTitle"); //接收到的标题
mSwipeBackLayout = getSwipeBackLayout();
int edgeFlag = SwipeBackLayout.EDGE_LEFT; //从右向左滑动
//int edgeFlag = SwipeBackLayout.EDGE_RIGHT; //从左向右滑动
//int edgeFlag = SwipeBackLayout.EDGE_BOTTOM; //从下向上滑动
//int edgeFlag = SwipeBackLayout.EDGE_ALL; //从右,右,下都可以滑动
mSwipeBackLayout.setEdgeTrackingEnabled(edgeFlag);
toolbar = (Toolbar)this.findViewById(R.id.toolbar);
toolbar.setTitle(questionTitle); // 标题的文字需在setSupportActionBar之前,不然会无效
setSupportActionBar(toolbar);
//初始化Volley,为用户照片显示
mQueue = Volley.newRequestQueue(this);
imageLoader = new ImageLoader(mQueue, new imagesUntils.BitmapCache() {
@Override
public Bitmap getBitmap(String s) {
return null;
}
@Override
public void putBitmap(String s, Bitmap bitmap) {
}
});
initControls();
initData(qid);
}
/**
* 初始化各控件
*/
private void initControls() {
txt_index_detail_title = (TextView)findViewById(R.id.txt_index_detail_title);
//注意这里,我们把标题的内容给TextView赋值,是为了能让我们自定义的StickNavLayout布局去算一下,它的高度。
//因为我们的数据值是通过异步从远程服务器中得到了,如果现在不给值,会有一个时间差,会造成计算高度有误
txt_index_detail_title.setText(questionTitle);
netimg_index_detail_userpic = (NetworkImageView)findViewById(R.id.netimg_index_detail_userpic);
txt_index_detail_userName = (TextView)findViewById(R.id.txt_index_detail_userName);
txt_index_detail_userRemark = (TextView)findViewById(R.id.txt_index_detail_userRemark);
txt_index_detail_zanNum = (TextView)findViewById(R.id.txt_index_detail_zanNum);
txt_index_detail_content = (TextView)findViewById(R.id.txt_index_detail_content);
txt_index_detail_content.setOnClickListener(this);
linear_index_detail_bottomtitle = (LinearLayout)findViewById(R.id.linear_index_detail_bottomtitle);
id_stickynavlayout_indicator = (LinearLayout)findViewById(R.id.id_stickynavlayout_indicator);
img_index_detail_zan = (ImageView)findViewById(R.id.img_index_detail_zan);
//linear_index_detail_seekbar = (LinearLayout) findViewById(R.id.linear_index_detail_seekbar);
//HideTextSizeAnimator(100);
}
/**
* 初始化数据,根据问题id,取出相应的问题信息
* @param qid
*/
private void initData(final int qid) {
// 初始化数据和数据源
myProgressDialog = new ProgressDialog(this);
myProgressDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER); //设置风格为圆形进度条
myProgressDialog.setTitle("提示"); //设置标题
myProgressDialog.setMessage("数据加载中,请稍等..."); //设置内容
myProgressDialog.setIndeterminate(false); //设置进度是否为不明确
myProgressDialog.setCancelable(true); //设置进度条是否可以按退回键取消
myProgressDialog.show();
new Thread(new Runnable() {
@Override
public void run() {
Message msg = new Message();
try{
String soapObject = webservicesUntils.getIndexDetailgoodAnswer(qid);
if(soapObject!="0") {
try {
gAnswer = new goodAnswer();
//操作单条json数据
JSONObject jsonAnswer = new JSONObject(soapObject);
gAnswer.setQuestionID(jsonAnswer.getInt("questionID"));
gAnswer.setQuestionTitle(jsonAnswer.getString("questionTitle"));
gAnswer.setUserID(jsonAnswer.getInt("userID"));
gAnswer.setUserName(jsonAnswer.getString("userName"));
gAnswer.setUserProfile(jsonAnswer.getString("userProfile"));
gAnswer.setAnswerContent(jsonAnswer.getString("answerContent"));
gAnswer.setaZambia(jsonAnswer.getInt("aZambia"));
gAnswer.setAhelpId(jsonAnswer.getInt("ahelpId"));
gAnswer.setUserCollectionId(jsonAnswer.getInt("userCollectionId"));
gAnswer.setUserPic(jsonAnswer.getString("userPic"));
gAnswer.setAnswerNum(jsonAnswer.getInt("answerNum"));
gAnswer.setUserThank(jsonAnswer.getInt("userThank"));
} catch (JSONException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
msg.arg1 = 1;
msg.obj = gAnswer;
handler.sendMessage(msg);
}catch (Exception ex){
msg.arg1 = 2;
}
}
}).start();
}
Handler handler = new Handler(){
@Override
public void handleMessage(Message msg) {
if(msg.arg1==1)
{
toolbar.setTitle(gAnswer.getQuestionTitle()); // 标题的文字需在setSupportActionBar之前,不然会无效
setSupportActionBar(toolbar);
//actionBar.setTitle(gAnswer.getQuestionTitle()); //为actionbar设置标题
txt_index_detail_title.setText(gAnswer.getQuestionTitle()); //为标题赋值
//为图片控件加载图片,采用NetworkImageView控件。
//第一项是加载图片控件的默认图片,一般是图片加载中,这样的图片
//第二项是当发生错误的时候加载的图片,如网络图片路径不对或是加载失败的时候显示的图片
//第三项就是加载网络图片了
netimg_index_detail_userpic.setDefaultImageResId(R.drawable.img_empty_followers);
netimg_index_detail_userpic.setErrorImageResId(R.drawable.img_empty_followers);
netimg_index_detail_userpic.setImageUrl(gAnswer.getUserPic(), imageLoader);
txt_index_detail_userName.setText(gAnswer.getUserName()); //为用户名赋值
txt_index_detail_userRemark.setText(gAnswer.getUserProfile()); //用户简介
txt_index_detail_zanNum.setText(gAnswer.getaZambia() + ""); //点赞数
answerContent = gAnswer.getAnswerContent();
//txt_index_detail_Comment.setText("评论 " + gAnswer.getAnswerNum()); //评论数
//txt_index_detail_content.setText(answerContent);
//从系统设置中,读取默认的字体大小
SharedPreferences preferences = getSharedPreferences(configStatic.SHAREDPREFERENCES_NAME, MODE_PRIVATE);
int contentTextSize = preferences.getInt("contentTextSize", 14);
txt_index_detail_content.setTextSize(contentTextSize);
//seekbar_index_detail.setProgress((contentTextSize - 10) / 2);
txt_index_detail_content.setText(Html.fromHtml(answerContent, imageGetter, null));
/*if(gAnswer.getAhelpId()!=0)
{
txt_index_detail_help.setCompoundDrawablesWithIntrinsicBounds(null, getResources().getDrawable(R.drawable.ic_nohelped), null, null);
txt_index_detail_help.setText(R.string.index_detail_nohelp);
isHelp = true;
}
if(gAnswer.getUserThank()!=0)
{
txt_index_detail_thank.setCompoundDrawablesWithIntrinsicBounds(null, getResources().getDrawable(R.drawable.ic_thanked), null, null);
txt_index_detail_thank.setText(R.string.index_detail_thanked);
}
if(gAnswer.getUserCollectionId()!=0)
{
txt_index_detail_Collection.setCompoundDrawablesWithIntrinsicBounds(null, getResources().getDrawable(R.drawable.ic_collected), null, null);
txt_index_detail_Collection.setText(R.string.index_detail_collectioned);
isCollection = true;
}
HideTextSizeAnimator(100);*/
}else
{
Toast.makeText(Index_detailActivity.this, "数据加载失败!", Toast.LENGTH_LONG).show();
}
myProgressDialog.dismiss();
}
};
/**
* 处理 TextView中的图片,对图片地址进行处理
*/
Html.ImageGetter imageGetter = new Html.ImageGetter(){
@Override
public Drawable getDrawable(String source) {
Drawable drawable=null;
/**
* 判断图片是本地图片还是网络图片,如果是本地图片,直接调用,如果是网络图片,先下载再调用
* */
if(source.indexOf("http://")!=-1) {
showPic(source);
}else
{
drawable=Drawable.createFromPath(source);
drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
}
return drawable;
}
};
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_index_detail, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
@Override
public void onClick(View v) {
}
/**
* TextView中加载图片的处理,主要是根据文本中图片的地址,把网络上的图片下到手机中,以方便读取
* @param url
*/
private void showPic(final String url) {
AsyncHttpClient client = new AsyncHttpClient();
// 指定文件类型
String[] allowedContentTypes = new String[]{"image/png", "image/jpeg"};
// 获取二进制数据如图片和其他文件
client.get(url, new BinaryHttpResponseHandler(allowedContentTypes) {
@Override
public void onSuccess(int statusCode, Header[] headers,
byte[] binaryData) {
String tempPath = Environment.getExternalStorageDirectory()
.getPath() + "/" + new Date().getTime() + ".jpg";
// TODO Auto-generated method stub
// 下载成功后需要做的工作
//progress.setProgress(0);
//
Log.e("binaryData:", "共下载了:" + binaryData.length);
//
Bitmap bmp = BitmapFactory.decodeByteArray(binaryData, 0,
binaryData.length);
File file = new File(tempPath);
// 压缩格式
Bitmap.CompressFormat format = Bitmap.CompressFormat.JPEG;
// 压缩比例
int quality = 100;
try {
// 若存在则删除
if (file.exists())
file.delete();
// 创建文件
file.createNewFile();
//
OutputStream stream = new FileOutputStream(file);
// 压缩输出
bmp.compress(format, quality, stream);
// 关闭
stream.close();
//
//Toast.makeText(MainActivity.this, "下载成功\n" + tempPath,
//Toast.LENGTH_LONG).show();
Log.e("url", url);
Log.e("tempPath", tempPath);
//此处是当图片已经下到本地之后,再根据本地地址重新加载一次文字内容,这样图片就加载到了TextView中
//这里一直没有想到更好的方法
answerContent = answerContent.replace(url, tempPath);
txt_index_detail_content.setText(Html.fromHtml(answerContent, imageGetter, null));
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
@Override
public void onFailure(int statusCode, Header[] headers,
byte[] binaryData, Throwable error) {
// TODO Auto-generated method stub
Toast.makeText(Index_detailActivity.this, "下载失败", Toast.LENGTH_LONG).show();
}
public void onProgress(int bytesWritten, int totalSize) {
// TODO Auto-generated method stub
super.onProgress(bytesWritten, totalSize);
int count = (int) ((bytesWritten * 1.0 / totalSize) * 100);
// 下载进度显示
//progress.setProgress(count);
Log.e("下载 Progress>>>>>", bytesWritten + " / " + totalSize);
}
@Override
public void onRetry(int retryNo) {
// TODO Auto-generated method stub
super.onRetry(retryNo);
// 返回重试次数
}
});
}
}
程序中我已经加了比较清楚的注解,下面来看一下效果图,是不是图片已经出来了, 呵呵。。。忽略细节
好今天就到这里