android真实项目教程（六）——落叶醉赤壁_by_CJJ

大家晚上好，我是cjj，今天不讲废话，因为我被“忙”了。。。  
    今晚主要把关于的界面（aboutFragment）完成了。。。  效果很好哦 （自吹一下）。。。呵呵。。。其中有两个比较好的效果。 一、 是PullScrollView,仿照新浪微博Android客户端个人中心的ScrollView，下拉背景伸缩回弹效果。它还有一种效果是仿IOS回弹效果。 二、点击列表，慢慢张开一个View的自定义动画（animation）。。。
           android真实项目教程(一)——App应用框架搭建_by_CJJ      http://www.apkbus.com/forum.php?mod=viewthread&tid=166151
           android真实项目教程（二）——漫画App初构_by_CJJ         http://www.apkbus.com/forum.php?mod=viewthread&tid=166262
           android真实项目教程(三)——首页初点缀_by_CJJ             http://www.apkbus.com/forum.php?mod=viewthread&tid=166630
          android真实项目教程（四）——MY APP MY STYLE_by_CJJ    http://www.apkbus.com/forum.php?mod=viewthread&tid=167676
          android真实项目教程（五）——有时三点两点雨_by_CJJ     http://www.apkbus.com/forum.php?mod=viewthread&tid=168422
看下效果吧：
        



主要源码：

1. package com.cjj.shopapp.fragment;
   
2. 
   
3. 
   
4. import android.os.Bundle;
   
5. import android.support.v4.app.Fragment;
   
6. import android.view.LayoutInflater;
   
7. import android.view.View;
   
8. import android.view.View.OnClickListener;
   
9. import android.view.ViewGroup;
   
10. import android.view.animation.Animation;
    
11. import android.view.animation.Animation.AnimationListener;
    
12. import android.view.animation.RotateAnimation;
    
13. import android.widget.ImageView;
    
14. import android.widget.TextView;
    
15. import android.widget.Toast;
    
16. 
    
17. import com.cjj.shopapp.activity.R;
    
18. import com.cjj.shopapp.animation.ExpandAnimation;
    
19. import com.cjj.shopapp.custom.view.PullScrollView;
    
20. import com.cjj.shopapp.custom.view.PullScrollView.OnTurnListener;
    
21. 
    
22. /**
    
23. * 关于界面
    
24. * 
    
25. * @author Administrator
    
26. * 
    
27. */
    
28. public class AboutFragment extends Fragment implements OnClickListener,
    
29.                 OnTurnListener {
    
30.         private final int MAX_LINES = 4;
    
31.         private boolean isClickable = false;
    
32.         private TextView tv_info, tv_load_more;
    
33.         // 自定义的scrollview
    
34.         private PullScrollView mPullScrollView;
    
35.         // about 背景图
    
36.         private ImageView img_bigShopLogo;
    
37. 
    
38.         private TextView tv_Contact;
    
39.         private TextView tv_ContactContent;
    
40. 
    
41.         private boolean isAnimEnd = true;
    
42. 
    
43.         private ImageView img_otherContactArrow;
    
44. 
    
45.         @Override
    
46.         public void onActivityCreated(Bundle savedInstanceState) {
    
47.                 mPullScrollView.init(img_bigShopLogo);
    
48.                 mPullScrollView.setOnTurnListener(AboutFragment.this);
    
49.                 super.onActivityCreated(savedInstanceState);
    
50.         }
    
51. 
    
52.         @Override
    
53.         public void onCreate(Bundle savedInstanceState) {
    
54.                 super.onCreate(savedInstanceState);
    
55.         }
    
56. 
    
57.         @Override
    
58.         public View onCreateView(LayoutInflater inflater, ViewGroup container,
    
59.                         Bundle savedInstanceState) {
    
60.                 View v = inflater.inflate(R.layout.fragment_about, null);
    
61.                 return v;
    
62.         }
    
63. 
    
64.         @Override
    
65.         public void onDestroyView() {
    
66.                 super.onDestroyView();
    
67.         }
    
68. 
    
69.         @Override
    
70.         public void onViewCreated(View view, Bundle savedInstanceState) {
    
71.                 super.onViewCreated(view, savedInstanceState);
    
72.                 tv_info = (TextView) view.findViewById(R.id.tv_info);
    
73.                 tv_info.setMaxLines(MAX_LINES);
    
74.                 tv_load_more = (TextView) view.findViewById(R.id.tv_loadmore);
    
75.                 tv_load_more.setOnClickListener(this);
    
76. 
    
77.                 mPullScrollView = (PullScrollView) view.findViewById(R.id.sv_about);
    
78.                 img_bigShopLogo = (ImageView) view.findViewById(R.id.img_bigShopLogo);
    
79. 
    
80.                 tv_Contact = (TextView) view.findViewById(R.id.tv_otherContact);
    
81.                 tv_Contact.setOnClickListener(this);
    
82.                 tv_ContactContent = (TextView) view
    
83.                                 .findViewById(R.id.tv_otherContactContent);
    
84. 
    
85.                 img_otherContactArrow = (ImageView) view
    
86.                                 .findViewById(R.id.img_otherContactArrow);
    
87.                 img_otherContactArrow.measure(0, 0);
    
88.         }
    
89. 
    
90.         @Override
    
91.         public void onClick(View v) {
    
92.                 switch (v.getId()) {
    
93.                 case R.id.tv_loadmore:
    
94.                         if (!isClickable) {
    
95.                                 tv_info.setMaxLines(tv_info.getLineCount());
    
96.                                 tv_load_more.setText("收起");
    
97.                                 isClickable = true;
    
98.                         } else {
    
99.                                 tv_info.setMaxLines(MAX_LINES);
    
100.                                 tv_load_more.setText("查看更多");
     
101.                                 isClickable = false;
     
102.                         }
     
103.                         break;
     
104.                 case R.id.tv_otherContact:
     
105. 
     
106.                         if (isAnimEnd) {
     
107. 
     
108.                                 if (tv_ContactContent.getVisibility() == View.GONE) {
     
109.                                         rotateArrow(0, 90);
     
110.                                 } else {
     
111.                                         rotateArrow(90, 0);
     
112.                                 }
     
113. 
     
114.                                 ExpandAnimation mAnimation = new ExpandAnimation(
     
115.                                                 tv_ContactContent);
     
116.                                 mAnimation.setAnimationListener(new ExpandAnimationListener());
     
117.                                 tv_ContactContent.startAnimation(mAnimation);
     
118.                         }
     
119.                 }
     
120.         }
     
121. 
     
122.         /** 防止用户频繁操作 */
     
123.         private class ExpandAnimationListener implements AnimationListener {
     
124. 
     
125.                 @Override
     
126.                 public void onAnimationStart(Animation animation) {
     
127. 
     
128.                         isAnimEnd = false;
     
129.                 }
     
130. 
     
131.                 @Override
     
132.                 public void onAnimationEnd(Animation animation) {
     
133. 
     
134.                         isAnimEnd = true;
     
135.                 }
     
136. 
     
137.                 @Override
     
138.                 public void onAnimationRepeat(Animation animation) {
     
139. 
     
140.                 }
     
141.         }
     
142. 
     
143.         /**
     
144.          * 旋转指示器
     
145.          * 
     
146.          * @param fromDegrees
     
147.          * @param toDegrees
     
148.          */
     
149.         private void rotateArrow(float fromDegrees, float toDegrees) {
     
150.                 RotateAnimation mRotateAnimation = new RotateAnimation(fromDegrees,
     
151.                                 toDegrees,
     
152.                                 (int) (img_otherContactArrow.getMeasuredWidth() / 2.0),
     
153.                                 (int) (img_otherContactArrow.getMeasuredHeight() / 2.0));
     
154.                 mRotateAnimation.setDuration(150);
     
155.                 mRotateAnimation.setFillAfter(true);
     
156.                 img_otherContactArrow.startAnimation(mRotateAnimation);
     
157.         }
     
158. 
     
159.         @Override
     
160.         public void onTurn() {
     
161.                 Toast.makeText(getActivity(), "拼命拉拉有惊喜哦！", 1000).show();
     
162.         }
     
163. 
     
164. }
     

复制代码

1. package com.cjj.shopapp.custom.view;
   
2. 
   
3. import android.content.Context;
   
4. import android.graphics.Rect;
   
5. import android.util.AttributeSet;
   
6. import android.view.MotionEvent;
   
7. import android.view.View;
   
8. import android.view.animation.TranslateAnimation;
   
9. import android.widget.ImageView;
   
10. import android.widget.ScrollView;
    
11. 
    
12. import com.cjj.shopapp.utils.ScreenUtils;
    
13. 
    
14. /**
    
15. * 自定义ScrollView
    
16. *
    
17. * @author MarkMjw
    
18. * [url=home.php?mod=space&uid=354393]@DATE[/url] 2013-09-13
    
19. */
    
20. public class PullScrollView extends ScrollView {
    
21.     /** 阻尼系数,越小阻力就越大. */
    
22.     private static final float SCROLL_RATIO = 0.35f;
    
23. 
    
24.     /** 滑动至翻转的距离. */
    
25.     private static final int TURN_DISTANCE = 50;
    
26. 
    
27.     /** 头部图片. */
    
28.     private ImageView mHeadImage;
    
29. 
    
30.     /** 头部图片显示高度. */
    
31.     private int mHeadImageH;
    
32. 
    
33.     /** 孩子View. */
    
34.     private View mChildView;
    
35. 
    
36.     /** ScrollView的孩子View矩形. */
    
37.     private Rect mRect = new Rect();
    
38. 
    
39.     /** 首次点击的Y坐标. */
    
40.     private float mTouchDownY;
    
41. 
    
42.     /** 是否关闭ScrollView的滑动. */
    
43.     private boolean mEnableTouch = false;
    
44. 
    
45.     /** 是否开始移动. */
    
46.     private boolean isMoving = false;
    
47. 
    
48.     /** 头部图片初始顶部和底部. */
    
49.     private int mInitTop, mInitBottom;
    
50. 
    
51.     /** 头部图片拖动时顶部和底部. */
    
52.     private int mCurrentTop, mCurrentBottom;
    
53. 
    
54.     /** 状态变化时的监听器. */
    
55.     private OnTurnListener mOnTurnListener;
    
56. 
    
57.     /** 状态：上部，下部，默认. */
    
58.     private enum State {
    
59.         UP, DOWN, NORMAL
    
60.     }
    
61. 
    
62.     /** 状态. */
    
63.     private State state = State.NORMAL;
    
64. 
    
65.     public PullScrollView(Context context) {
    
66.         super(context);
    
67.     }
    
68. 
    
69.     public PullScrollView(Context context, AttributeSet attrs) {
    
70.         super(context, attrs);
    
71.     }
    
72. 
    
73.     public PullScrollView(Context context, AttributeSet attrs, int defStyle) {
    
74.         super(context, attrs, defStyle);
    
75.     }
    
76. 
    
77.     /**
    
78.      * 初始化
    
79.      *
    
80.      * @param imageView 头部图片
    
81.      */
    
82.     public void init(ImageView imageView) {
    
83.         mHeadImage = imageView;
    
84.         mHeadImageH = ScreenUtils.dipConvertPx(94);
    
85.     }
    
86. 
    
87.     /**
    
88.      * 设置状态改变时的监听器
    
89.      *
    
90.      * @param turnListener
    
91.      */
    
92.     public void setOnTurnListener(OnTurnListener turnListener) {
    
93.         mOnTurnListener = turnListener;
    
94.     }
    
95. 
    
96.     /**
    
97.      * 根据 XML 生成视图工作完成.该函数在生成视图的最后调用，在所有子视图添加完之后.
    
98.      * 即使子类覆盖了 onFinishInflate 方法，也应该调用父类的方法，使该方法得以执行.
    
99.      */
    
100.     @Override
     
101.     protected void onFinishInflate() {
     
102.         if (getChildCount() > 0) {
     
103.             mChildView = getChildAt(0);
     
104.         }
     
105.     }
     
106. 
     
107.     @Override
     
108.     protected void onScrollChanged(int l, int t, int oldl, int oldt) {
     
109.         super.onScrollChanged(l, t, oldl, oldt);
     
110. 
     
111.         // 当滚动到顶部时，将状态设置为正常，避免先向上拖动再向下拖动到顶端后首次触摸不响应的问题
     
112.         if (getScrollY() == 0) {
     
113.             state = State.NORMAL;
     
114.         }
     
115.     }
     
116. 
     
117.     @Override
     
118.     public boolean onTouchEvent(MotionEvent ev) {
     
119.         if (mChildView != null) {
     
120.             doTouchEvent(ev);
     
121.         }
     
122. 
     
123.         // 禁止控件本身的滑动.
     
124.         if (mEnableTouch) {
     
125.             return true;
     
126.         } else {
     
127.             return super.onTouchEvent(ev);
     
128.         }
     
129.     }
     
130. 
     
131.     /**
     
132.      * 触摸事件处理
     
133.      *
     
134.      * @param event
     
135.      */
     
136.     private void doTouchEvent(MotionEvent event) {
     
137.         int action = event.getAction();
     
138. 
     
139.         switch (action) {
     
140.             case MotionEvent.ACTION_DOWN:
     
141.                 mTouchDownY = event.getY();
     
142.                 
     
143.                 if(mHeadImage!=null)
     
144.                 {
     
145.                 mCurrentTop = mInitTop = mHeadImage.getTop();
     
146.                 mCurrentBottom = mInitBottom = mHeadImage.getBottom();
     
147.                 }
     
148.                 break;
     
149. 
     
150.             case MotionEvent.ACTION_MOVE:
     
151.                 float deltaY = event.getY() - mTouchDownY;
     
152. 
     
153.                 doActionMove(deltaY);
     
154.                 break;
     
155. 
     
156.             case MotionEvent.ACTION_UP:
     
157.                 // 回滚动画
     
158.                 if (isNeedAnimation()) {
     
159.                     rollBackAnimation();
     
160.                 }
     
161. 
     
162.                 if (getScrollY() == 0) {
     
163.                     state = State.NORMAL;
     
164.                 }
     
165. 
     
166.                 isMoving = false;
     
167.                 mEnableTouch = false;
     
168.                 break;
     
169. 
     
170.             default:
     
171.                 break;
     
172.         }
     
173.     }
     
174. 
     
175.     /**
     
176.      * 执行移动动画
     
177.      *
     
178.      * @param deltaY
     
179.      */
     
180.     private void doActionMove(float deltaY) {
     
181.         // 对于首次Touch操作要判断方位：UP OR DOWN
     
182.         if (deltaY < 0 && state == State.NORMAL) {
     
183.             state = State.UP;
     
184.         } else if (deltaY > 0 && state == State.NORMAL) {
     
185.             state = State.DOWN;
     
186.         }
     
187. 
     
188.         if (state == State.UP) {
     
189.             deltaY = deltaY < 0 ? deltaY : 0;
     
190. 
     
191.             isMoving = false;
     
192.             mEnableTouch = false;
     
193. 
     
194.         } else if (state == State.DOWN) {
     
195.             if (getScrollY() <= deltaY) {
     
196.                 mEnableTouch = true;
     
197.                 isMoving = true;
     
198.             }
     
199.             deltaY = deltaY < 0 ? 0 : deltaY;
     
200.         }
     
201. 
     
202.         if (isMoving) {
     
203.             // 初始化头部矩形
     
204.             if (mRect.isEmpty()) {
     
205.                 // 保存正常的布局位置
     
206.                 mRect.set(mChildView.getLeft(), mChildView.getTop(), mChildView.getRight(),
     
207.                         mChildView.getBottom());
     
208.             }
     
209. 
     
210.             // 移动背景图(手势移动的距离*阻尼系数*0.5)
     
211.             float bgMoveH = deltaY * 0.5f * SCROLL_RATIO;
     
212.             mCurrentTop = (int) (mInitTop + bgMoveH);
     
213.             mCurrentBottom = (int) (mInitBottom + bgMoveH);
     
214.             
     
215.             if(mHeadImage!=null)
     
216.             {
     
217.             mHeadImage.layout(mHeadImage.getLeft(), mCurrentTop, mHeadImage.getRight(), mCurrentBottom);
     
218.             }
     
219.             
     
220.             // 移动布局(手势移动的距离*阻尼系数)
     
221.             float childMoveH = deltaY * SCROLL_RATIO;
     
222. 
     
223.             // 修正移动的距离，避免超过图片的底边缘
     
224.             int top = mCurrentBottom - mHeadImageH;
     
225.             if (mRect.top + childMoveH > top) {
     
226.                 childMoveH -= mRect.top + childMoveH - top;
     
227.             }
     
228. 
     
229.             mChildView.layout(mRect.left, (int) (mRect.top + childMoveH),
     
230.                     mRect.right, (int) (mRect.bottom + childMoveH));
     
231.         }
     
232.     }
     
233. 
     
234.     /**
     
235.      * 回滚动画
     
236.      */
     
237.     private void rollBackAnimation() {
     
238.         TranslateAnimation image_Anim = new TranslateAnimation(0, 0,
     
239.                 Math.abs(mInitTop - mCurrentTop), 0);
     
240.         image_Anim.setDuration(200);
     
241.         
     
242.         if(mHeadImage!=null)
     
243.         {
     
244.         mHeadImage.startAnimation(image_Anim);
     
245. 
     
246.         mHeadImage.layout(mHeadImage.getLeft(), mInitTop, mHeadImage.getRight(), mInitBottom);
     
247. 
     
248.         }
     
249.         
     
250.         // 开启移动动画
     
251.         TranslateAnimation inner_Anim = new TranslateAnimation(0, 0, mChildView.getTop(), mRect.top);
     
252.         inner_Anim.setDuration(200);
     
253.         mChildView.startAnimation(inner_Anim);
     
254.         mChildView.layout(mRect.left, mRect.top, mRect.right, mRect.bottom);
     
255. 
     
256.         mRect.setEmpty();
     
257. 
     
258.         // 回调监听器
     
259.         if (mCurrentTop > mInitTop + TURN_DISTANCE && mOnTurnListener != null){
     
260.             mOnTurnListener.onTurn();
     
261.         }
     
262.     }
     
263. 
     
264.     /**
     
265.      * 是否需要开启动画
     
266.      */
     
267.     private boolean isNeedAnimation() {
     
268.         return !mRect.isEmpty() && isMoving;
     
269.     }
     
270. 
     
271.     /**
     
272.      * 执行翻转
     
273.      *
     
274.      * @author MarkMjw
     
275.      */
     
276.     public interface OnTurnListener {
     
277.         /**
     
278.          * 翻转回调方法
     
279.          */
     
280.         public void onTurn();
     
281.     }
     
282. }
     

复制代码

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:layout_width="match_parent"
   
4.     android:layout_height="match_parent"
   
5.     android:background="#f0f0f0"
   
6.     android:fadingEdge="none"
   
7.     android:gravity="center"
   
8.     android:orientation="vertical" >
   
9. 
   
10.     <TextView
    
11.         android:layout_width="match_parent"
    
12.         android:layout_height="wrap_content"
    
13.         android:drawableLeft="@drawable/qq"
    
14.         android:ellipsize="end"
    
15.         android:gravity="center_horizontal"
    
16.         android:shadowDx="3.0"
    
17.         android:shadowDy="3.0"
    
18.         android:shadowRadius="5.0"
    
19.         android:singleLine="true"
    
20.         android:text="^_^ 拉拉更健康。。。"
    
21.         android:textColor="@color/tv_blue"
    
22.         android:textSize="20sp" />
    
23. 
    
24.     <ImageView
    
25.         android:id="@+id/img_bigShopLogo"
    
26.         android:layout_width="match_parent"
    
27.         android:layout_height="275dp"
    
28.         android:layout_marginTop="-55dp"
    
29.         android:contentDescription="@null"
    
30.         android:scaleType="fitXY"
    
31.         android:src="@drawable/about_bg4" />
    
32. 
    
33.     <com.cjj.shopapp.custom.view.PullScrollView
    
34.         android:id="@+id/sv_about"
    
35.         android:layout_width="match_parent"
    
36.         android:layout_height="match_parent"
    
37.         android:fadingEdge="none"
    
38.         android:fillViewport="true" >
    
39. 
    
40.         <LinearLayout
    
41.             android:layout_width="match_parent"
    
42.             android:layout_height="match_parent"
    
43.             android:orientation="vertical" >
    
44. 
    
45.             <RelativeLayout
    
46.                 android:layout_width="match_parent"
    
47.                 android:layout_height="wrap_content"
    
48.                 android:layout_marginTop="80dp" >
    
49. 
    
50.                 <LinearLayout
    
51.                     android:id="@+id/ll_top"
    
52.                     android:layout_width="match_parent"
    
53.                     android:layout_height="25dp"
    
54.                     android:background="@android:color/transparent"
    
55.                     android:orientation="horizontal" />
    
56. 
    
57.                 <LinearLayout
    
58.                     android:layout_width="match_parent"
    
59.                     android:layout_height="wrap_content"
    
60.                     android:layout_below="@id/ll_top"
    
61.                     android:background="@color/app_default_bg_f5"
    
62.                     android:orientation="vertical" >
    
63. 
    
64.                     <FrameLayout
    
65.                         android:id="@+id/user_divider_layout"
    
66.                         android:layout_width="match_parent"
    
67.                         android:layout_height="wrap_content"
    
68.                         android:layout_marginLeft="21dp"
    
69.                         android:layout_marginRight="21dp"
    
70.                         android:layout_marginTop="50dp" >
    
71. 
    
72.                         <ImageView
    
73.                             android:layout_width="match_parent"
    
74.                             android:layout_height="1px"
    
75.                             android:layout_marginTop="5dp"
    
76.                             android:background="#DFDFDF"
    
77.                             android:contentDescription="@null" />
    
78. 
    
79.                         <ImageView
    
80.                             android:layout_width="wrap_content"
    
81.                             android:layout_height="wrap_content"
    
82.                             android:layout_marginLeft="29dp"
    
83.                             android:contentDescription="@null"
    
84.                             android:src="@drawable/line_arrow_up" />
    
85.                     </FrameLayout>
    
86. 
    
87.                     <TextView
    
88.                         android:id="@+id/tv_info"
    
89.                         android:layout_width="match_parent"
    
90.                         android:layout_height="wrap_content"
    
91.                         android:layout_marginBottom="5dp"
    
92.                         android:layout_marginTop="5dp"
    
93.                         android:maxLines="5"
    
94.                         android:paddingLeft="10dp"
    
95.                         android:paddingRight="10dp"
    
96.                         android:text="@string/about_intro"
    
97.                         android:textColor="@color/cs_66"
    
98.                         android:textSize="15sp" />
    
99. 
    
100.                     <TextView
     
101.                         android:id="@+id/tv_loadmore"
     
102.                         android:layout_width="match_parent"
     
103.                         android:layout_height="wrap_content"
     
104.                         android:layout_marginBottom="5dp"
     
105.                         android:gravity="center_vertical|right"
     
106.                         android:paddingLeft="21dp"
     
107.                         android:paddingRight="21dp"
     
108.                         android:text="查看更多 "
     
109.                         android:textColor="@color/tv_blue"
     
110.                         android:textSize="15sp" />
     
111. 
     
112.                     <FrameLayout
     
113.                         android:layout_width="match_parent"
     
114.                         android:layout_height="wrap_content" >
     
115. 
     
116.                         <TextView
     
117.                             android:id="@+id/tv_otherContact"
     
118.                             android:layout_width="match_parent"
     
119.                             android:layout_height="48dp"
     
120.                             android:layout_gravity="center"
     
121.                             android:layout_marginTop="-2dp"
     
122.                             android:background="@drawable/card_whole"
     
123.                             android:gravity="center_vertical|left"
     
124.                             android:padding="10dp"
     
125.                             android:text="联系方式 "
     
126.                             android:textColor="#515151"
     
127.                             android:textSize="15sp" />
     
128. 
     
129.                         <ImageView
     
130.                             android:id="@+id/img_otherContactArrow"
     
131.                             android:layout_width="wrap_content"
     
132.                             android:layout_height="wrap_content"
     
133.                             android:layout_gravity="center_vertical|right"
     
134.                             android:layout_marginRight="10dp"
     
135.                             android:src="@drawable/jiantou_down" />
     
136.                     </FrameLayout>
     
137. 
     
138.                     <TextView
     
139.                         android:id="@+id/tv_otherContactContent"
     
140.                         android:layout_width="match_parent"
     
141.                         android:layout_height="wrap_content"
     
142.                         android:drawableLeft="@drawable/qq"
     
143.                         android:drawablePadding="4dp"
     
144.                         android:gravity="center_vertical|left"
     
145.                         android:padding="6dp"
     
146.                         android:text="QQ : 929178101"
     
147.                         android:textColor="@color/tv_blue"
     
148.                         android:textSize="16sp"
     
149.                         android:visibility="gone"
     
150.                          />
     
151. 
     
152.                     <TextView
     
153.                         android:id="@+id/tv_mainSales"
     
154.                         android:layout_width="match_parent"
     
155.                         android:layout_height="48dp"
     
156.                         android:background="@drawable/card_whole"
     
157.                         android:gravity="center_vertical|left"
     
158.                         android:padding="10dp"
     
159.                         android:text="SUMMARY : MY APP MY STYLE _by_CJJ"
     
160.                         android:textColor="@color/tv_blue"
     
161.                         android:textSize="16sp" />
     
162.                 </LinearLayout>
     
163. 
     
164.                 <ImageView
     
165.                     android:id="@+id/img_shopLogo"
     
166.                     android:layout_width="68dp"
     
167.                     android:layout_height="68dp"
     
168.                     android:layout_marginLeft="21dp"
     
169.                     android:background="@android:color/white"
     
170.                     android:contentDescription="@null"
     
171.                     android:padding="1px"
     
172.                     android:scaleType="fitXY"
     
173.                     android:src="@drawable/icon_about" />
     
174. 
     
175.                 <TextView
     
176.                     android:id="@+id/tv_shopName"
     
177.                     android:layout_width="wrap_content"
     
178.                     android:layout_height="wrap_content"
     
179.                     android:layout_marginLeft="13dp"
     
180.                     android:layout_toRightOf="@id/img_shopLogo"
     
181.                     android:ellipsize="end"
     
182.                     android:shadowColor="@android:color/black"
     
183.                     android:shadowDx="3.0"
     
184.                     android:shadowDy="3.0"
     
185.                     android:shadowRadius="5.0"
     
186.                     android:singleLine="true"
     
187.                     android:text="CJJ漫画"
     
188.                     android:textColor="@color/white"
     
189.                     android:textSize="20sp" />
     
190. 
     
191.                 <TextView
     
192.                     android:id="@+id/tv_phone"
     
193.                     android:layout_width="wrap_content"
     
194.                     android:layout_height="wrap_content"
     
195.                     android:layout_below="@+id/tv_shopName"
     
196.                     android:layout_marginLeft="103dp"
     
197.                     android:layout_marginTop="4dp"
     
198.                     android:ellipsize="end"
     
199.                     android:singleLine="true"
     
200.                     android:text=" V1.0"
     
201.                     android:textColor="@color/cs_66"
     
202.                     android:textSize="16sp" />
     
203.             </RelativeLayout>
     
204.         </LinearLayout>
     
205.     </com.cjj.shopapp.custom.view.PullScrollView>
     
206. 
     
207. </RelativeLayout>

复制代码

很多细节的东西  你只要看下源码就懂了  呵呵   ，今晚就说这些了。。。我写烦人的论文去。。。
源码：

本帖隐藏的内容

由于文件太大，没有把库文件传上来，你可以在之前的文章中找到:   CartoonAppCjj.zip (15.52 MB, 下载次数: 17) 
我上传到csdn的下载网址（完整版）：http://download.csdn.net/detail/junjichen/7267101