動彈1
動彈2
跟前篇完全一樣的方法追蹤源碼進行分析。而在這之前也不妨先進行一下預估：UI呈現上與綜合是相同的，僅在單個數據項上多出了左側的圓形頭像以及右下角的評論數展示，還有就是動彈的內容也是可以顯示圖片的。所以，可能還會看到相應的圖片加載與緩存處理。
TweetsViewPagerFragment extends BaseViewPagerFragment
/**
* 動彈界面（包括最新動彈、熱門動彈、我的動彈）
*
* @author FireAnt（http://my.oschina.net/LittleDY）
* @created 2014年9月25日 下午2:21:52
*
*/
public class TweetsViewPagerFragment extends BaseViewPagerFragment
BaseViewPagerFragment在之前篇章中已分析過，所以略去。
這里覆蓋的關鍵方法：
@Override
protected void onSetupTabAdapter(ViewPageFragmentAdapter adapter) {
String[] title = getResources().getStringArray(
R.array.tweets_viewpage_arrays);
adapter.addTab(title[0], "new_tweets", TweetsFragment.class,
getBundle(TweetsList.CATALOG_LATEST));
adapter.addTab(title[1], "hot_tweets", TweetsFragment.class,
getBundle(TweetsList.CATALOG_HOT));
adapter.addTab(title[2], "my_tweets", TweetsFragment.class,
getBundle(TweetsList.CATALOG_ME));
}
TweetsFragment extends BaseListFragment<Tweet>
應該說這個類的結構也跟之前分析綜合時所見是完全雷同的，所不同的只在于多了長按、刪除等功能的支持。
直接看實現的Adapter:
@Override
protected TweetAdapter getListAdapter() {
return new TweetAdapter();
}
ListBaseAdapter<T extends Entity> extends BaseAdapter
提供多種狀態：
public static final int STATE_EMPTY_ITEM = 0;
public static final int STATE_LOAD_MORE = 1;
public static final int STATE_NO_MORE = 2;
public static final int STATE_NO_DATA = 3;
public static final int STATE_LESS_ONE_PAGE = 4;
public static final int STATE_NETWORK_ERROR = 5;
public static final int STATE_OTHER = 6;
數據集采用protected ArrayList<T> mDatas = new ArrayList<T>();并封裝相應操作如：
public int getDataSizePlus1(){
if(hasFooterView()){
return getDataSize() + 1;
}
return getDataSize();
}
public int getDataSize() {
return mDatas.size();
}
FooterView操作：
public void setFooterViewLoading(String loadMsg) {
ProgressBar progress = (ProgressBar) mFooterView
.findViewById(R.id.progressbar);
TextView text = (TextView) mFooterView.findViewById(R.id.text);
mFooterView.setVisibility(View.VISIBLE);
progress.setVisibility(View.VISIBLE);
text.setVisibility(View.VISIBLE);
if (StringUtils.isEmpty(loadMsg)) {
text.setText(_loadmoreText);
} else {
text.setText(loadMsg);
}
}
getView()中switch case不同的狀態，最末返回getRealView(position, convertView, parent);，而這是留給子類實現的，寫成抽象方法會更好一些：
protected View getRealView(int position, View convertView, ViewGroup parent) {
return null;
}
TweetAdapter extends ListBaseAdapter<Tweet>
這個recordBitmap一眼看上去并不明白是用來干什么的：
private Bitmap recordBitmap;
private Context context;
看關鍵方法getRealView的實現。
代碼很長就不貼全了，大意是先ViewHolder的使用，再是各項賦值控件顯隱什么的慣常操作：
vh.face.setUserInfo(tweet.getAuthorid(), tweet.getAuthor());
vh.face.setAvatarUrl(tweet.getPortrait());
vh.author.setText(tweet.getAuthor());
vh.time.setText(StringUtils.friendly_time(tweet.getPubDate()));
vh.content.setMovementMethod(MyLinkMovementMethod.a());
vh.content.setFocusable(false);
vh.content.setDispatchToParent(true);
vh.content.setLongClickable(false);
查布局知這里的vh.face為一個自定義控件，保存用戶信息及顯示——包含圓形頭像。
粗略看看它的實現，CircleImageView extends ImageView:
private static final ScaleType SCALE_TYPE = ScaleType.CENTER_CROP;
private static final Bitmap.Config BITMAP_CONFIG = Bitmap.Config.ARGB_8888;
private static final int COLORDRAWABLE_DIMENSION = 1;
private static final int DEFAULT_BORDER_WIDTH = 0;
private static final int DEFAULT_BORDER_COLOR = Color.BLACK;
可以看到它使用了置中放縮，色彩格式上使用了最大的ARGB_8888，依據情況也可以考慮換成ARGB_4444之類。另外從最后兩項來看，這個自定義控件應該是設置邊框寬度和色彩的。默認寬度為0，色彩為黑。
看CircleImageView#onDraw：
@Override
protected void onDraw(Canvas canvas) {
if(!isDisplayCircle) {
super.onDraw(canvas);
return;
}
if (getDrawable() == null) {
return;
}
canvas.drawCircle(getWidth() / 2, getHeight() / 2, mDrawableRadius, mBitmapPaint);
if(mBorderWidth != 0){
canvas.drawCircle(getWidth() / 2, getHeight() / 2, mBorderRadius, mBorderPaint);
}
}
畫筆初始化，可以看到它是使用了BitmapShader來實現圓形繪制的：
mBitmapShader = new BitmapShader(mBitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
mBitmapPaint.setAntiAlias(true);
mBitmapPaint.setShader(mBitmapShader);
另一種實現可以參考這篇鴻洋的博文。
接著看圖片加載vh.face.setAvatarUrl(tweet.getPortrait());
public void setAvatarUrl(String url) {
if (StringUtils.isEmpty(url)) {
setImageResource(R.drawable.widget_dface);
return;
}
// 由于頭像地址默認加了一段參數需要去掉
int end = url.indexOf('?');
final String headUrl;
if (end > 0) {
headUrl = url.substring(0, end);
} else {
headUrl = url;
}
Core.getKJBitmap().display(this, headUrl, R.drawable.widget_dface, 0, 0,
new BitmapCallBack() {
@Override
public void onFailure(Exception e) {
super.onFailure(e);
aty.runOnUiThread(new Runnable() {
@Override
public void run() {
setImageResource(R.drawable.widget_dface);
}
});
setImageResource(R.drawable.widget_dface);
}
});
}
onFailure寫得有點奇怪，最后的setImageResource(R.drawable.widget_dface);應該是不需要的。
可以看到，這里加載使用了其自家的開發框架KJFrameForAndroid，具體資料可以另行查看，所以再往下分析就沒有必要了。
動彈詳情
這與之前分析過的資訊詳情基本是一個套路，這里就不贅述了，實現上也是使用一個WebView進行呈現，最主要的差異應該是體現在填充方法：
/**
* 填充webview內容
*/
private void fillWebViewBody() {
StringBuffer body = new StringBuffer();
body.append(ThemeSwitchUtils.getWebViewBodyString());
body.append(UIHelper.WEB_STYLE + UIHelper.WEB_LOAD_IMAGES);
StringBuilder tweetbody = new StringBuilder(mTweet.getBody());
String tweetBody = TextUtils.isEmpty(mTweet.getImgSmall()) ? tweetbody
.toString() : tweetbody.toString() + "<br/><img src=\""
+ mTweet.getImgSmall() + "\">";
body.append(setHtmlCotentSupportImagePreview(tweetBody));
UIHelper.addWebImageShow(getActivity(), mContent);
// 封尾
body.append("</div></body>");
mContent.loadDataWithBaseURL(null, body.toString(), "text/html",
"utf-8", null);
}
