Android之——史上最简单图片轮播广告效果实现

傷城~ 2022-07-15 11:29 193阅读 0赞

[转载请注明出处:http://blog.csdn.net/l1028386804/article/details/48049913][http_blog.csdn.net_l1028386804_article_details_48049913]

如今的[Android][]开发需求越来越来多，实现效果越来越酷炫，很多Android APP都要实现PC网站上那样的图片轮播效果，那么，这些图片的轮播效果是如何实现的呢？下面，我就跟大家一起来实现这些酷炫的功能。

### 一、原理 ###

首先，将这些要轮播的图片和一些文本分别放置在不同的数据集合中，程序启动的时候默认显示一组图片和文本数据，然后启动一个定时器，每隔一段时间便替换掉显示的图片和文本数据，同时加入一些动画效果，已达到轮播的特效。同时，我们也要实现手指滑动图片达到轮播的效果。

### 二、实现 ###

#### 1、程序启动界面MainActivity ####

我将所有的实现都放在了MainActivity中，下面我们就来分解来看这个类。

##### 1)成员变量 #####

这些成员变量包括界面上显示的控件，存放图片的id数组，存放图片的标题数组，自定义的ViewPagerAdapter适配器，线程池ScheduledExecutorService

具体代码如下:

**\[java\]**  [view plain][]   [copy][view plain]

1.  **private** ViewPager mViewPaper;  
2.  **private** List<ImageView> images;  
3.  **private** List<View> dots;  
4.  **private** **int** currentItem;  
5.  //记录上一次点的位置  
6.  **private** **int** oldPosition = 0;  
7.  //存放图片的id  
8.  **private** **int**\[\] imageIds = **new** **int**\[\]\{  
9.          R.drawable.a,  
10.         R.drawable.b,  
11.         R.drawable.c,  
12.         R.drawable.d,  
13.         R.drawable.e  
14. \};  
15. //存放图片的标题  
16. **private** String\[\]  titles = **new** String\[\]\{  
17.         "巩俐不低俗，我就不能低俗",   
18.         "扑树又回来啦！再唱经典老歌引万人大合唱",    
19.         "揭秘北京电影如何升级",     
20.         "乐视网TV版大派送",      
21.         "热血屌丝的反杀"  
22.     \};  
23. **private** TextView title;  
24. **private** ViewPagerAdapter adapter;  
25. **private** ScheduledExecutorService scheduledExecutorService;

##### 2)onCreate方法 #####

这个方法是程序启动创建界面时的回调方法，这个方法中主要实现的功能就是初始化界面，同时为ViewPager设置页面变化监听事件。

具体实现代码如下:

**\[java\]**  [view plain][]   [copy][view plain]

1.  @Override  
2.  **protected** **void** onCreate(Bundle savedInstanceState) \{  
3.      **super**.onCreate(savedInstanceState);  
4.      setContentView(R.layout.activity\_main);  
5.      mViewPaper = (ViewPager) findViewById(R.id.vp);  
6.        
7.      //显示的图片  
8.      images = **new** ArrayList<ImageView>();  
9.      **for**(**int** i = 0; i < imageIds.length; i++)\{  
10.         ImageView imageView = **new** ImageView(**this**);  
11.         imageView.setBackgroundResource(imageIds\[i\]);  
12.         images.add(imageView);  
13.     \}  
14.     //显示的小点  
15.     dots = **new** ArrayList<View>();  
16.     dots.add(findViewById(R.id.dot\_0));  
17.     dots.add(findViewById(R.id.dot\_1));  
18.     dots.add(findViewById(R.id.dot\_2));  
19.     dots.add(findViewById(R.id.dot\_3));  
20.     dots.add(findViewById(R.id.dot\_4));  
21.       
22.     title = (TextView) findViewById(R.id.title);  
23.     title.setText(titles\[0\]);  
24.       
25.     adapter = **new** ViewPagerAdapter();  
26.     mViewPaper.setAdapter(adapter);  
27.       
28.     mViewPaper.setOnPageChangeListener(**new** ViewPager.OnPageChangeListener() \{  
29.           
30.   
31.         @Override  
32.         **public** **void** onPageSelected(**int** position) \{  
33.             title.setText(titles\[position\]);  
34.             dots.get(position).setBackgroundResource(R.drawable.dot\_focused);  
35.             dots.get(oldPosition).setBackgroundResource(R.drawable.dot\_normal);  
36.               
37.             oldPosition = position;  
38.             currentItem = position;  
39.         \}  
40.           
41.         @Override  
42.         **public** **void** onPageScrolled(**int** arg0, **float** arg1, **int** arg2) \{  
43.               
44.         \}  
45.           
46.         @Override  
47.         **public** **void** onPageScrollStateChanged(**int** arg0) \{  
48.               
49.         \}  
50.     \});  
51. \}

##### 3)自定义Adapter类ViewPagerAdapter #####

这个自定义的Adapter类不同于以往的自定义Adapter类，它继承自PagerAdapter，PagerAdapter中实现了图片切换的动画效果

将具体实现代码如下:

**\[java\]**  [view plain][]   [copy][view plain]

1.  /\*\* 
2.   \* 自定义Adapter 
3.   \* @author liuyazhuang 
4.   \* 
5.   \*/  
6.  **private** **class** ViewPagerAdapter **extends** PagerAdapter\{  
7.    
8.      @Override  
9.      **public** **int** getCount() \{  
10.         **return** images.size();  
11.     \}  
12.   
13.     @Override  
14.     **public** **boolean** isViewFromObject(View arg0, Object arg1) \{  
15.         **return** arg0 == arg1;  
16.     \}  
17.   
18.     @Override  
19.     **public** **void** destroyItem(ViewGroup view, **int** position, Object object) \{  
20.         // TODO Auto-generated method stub  
21. //          super.destroyItem(container, position, object);  
22. //          view.removeView(view.getChildAt(position));  
23. //          view.removeViewAt(position);  
24.         view.removeView(images.get(position));  
25.     \}  
26.   
27.     @Override  
28.     **public** Object instantiateItem(ViewGroup view, **int** position) \{  
29.         // TODO Auto-generated method stub  
30.         view.addView(images.get(position));  
31.         **return** images.get(position);  
32.     \}  
33.       
34. \}

##### 4)onStart()方法 #####

这个方法是界面创建完成，启动时的回调方法，我在这个方法中完成的操作是，创建线程池启动定时调度任务，调用自定义的线程任务，实现定时实现图片轮播效果。

具体实现代码如下：

**\[java\]**  [view plain][]   [copy][view plain]

1.  /\*\* 
2.   \* 利用线程池定时执行动画轮播 
3.   \*/  
4.  @Override  
5.  **protected** **void** onStart() \{  
6.      // TODO Auto-generated method stub  
7.      **super**.onStart();  
8.      scheduledExecutorService = Executors.newSingleThreadScheduledExecutor();  
9.      scheduledExecutorService.scheduleWithFixedDelay(  
10.             **new** ViewPageTask(),   
11.             2,   
12.             2,   
13.             TimeUnit.SECONDS);  
14. \}

##### 5)图片轮播任务ViewPageTask #####

这个类实现了Runnable接口，在run方法中实现了图片轮播的显示效果，并通过handler通知UI线程，UI线程更新界面显示，这里我们不需要传递任何数据，所以通过handler发送空消息即可。

具体实现代码如下:

**\[java\]**  [view plain][]   [copy][view plain]

1.  /\*\* 
2.   \* 图片轮播任务 
3.   \* @author liuyazhuang 
4.   \* 
5.   \*/  
6.  **private** **class** ViewPageTask **implements** Runnable\{  
7.    
8.      @Override  
9.      **public** **void** run() \{  
10.         currentItem = (currentItem + 1) % imageIds.length;  
11.         mHandler.sendEmptyMessage(0);  
12.     \}  
13. \}

##### 6)handler #####

接收ViewPageTask消息完成UI更新操作

具体实现代码如下：

**\[java\]**  [view plain][]   [copy][view plain]

1.  /\*\* 
2.   \* 接收子线程传递过来的数据 
3.   \*/  
4.  **private** Handler mHandler = **new** Handler()\{  
5.      **public** **void** handleMessage(android.os.Message msg) \{  
6.          mViewPaper.setCurrentItem(currentItem);  
7.      \};  
8.  \};

##### 7)onStop #####

我在这个方法中主要实现的操作就是停止线程池的执行，释放线程池资源。

具体代码如下:

**\[java\]**  [view plain][]   [copy][view plain]

1.  @Override  
2.  **protected** **void** onStop() \{  
3.      // TODO Auto-generated method stub  
4.      **super**.onStop();  
5.      **if**(scheduledExecutorService != **null**)\{  
6.          scheduledExecutorService.shutdown();  
7.          scheduledExecutorService = **null**;  
8.      \}  
9.  \}

##### 8)完整代码如下： #####

**\[java\]**  [view plain][]   [copy][view plain]

1.  **package** com.lyz.viewpage.activity;  
2.    
3.  **import** java.util.ArrayList;  
4.  **import** java.util.List;  
5.  **import** java.util.concurrent.Executors;  
6.  **import** java.util.concurrent.ScheduledExecutorService;  
7.  **import** java.util.concurrent.TimeUnit;  
8.    
9.  **import** android.app.Activity;  
10. **import** android.os.Bundle;  
11. **import** android.os.Handler;  
12. **import** android.support.v4.view.PagerAdapter;  
13. **import** android.support.v4.view.ViewPager;  
14. **import** android.view.Menu;  
15. **import** android.view.View;  
16. **import** android.view.ViewGroup;  
17. **import** android.widget.ImageView;  
18. **import** android.widget.TextView;  
19.   
20. /\*\* 
21.  \* 程序主入口 
22.  \* @author liuyazhuang 
23.  \* 
24.  \*/  
25. **public** **class** MainActivity **extends** Activity \{  
26.   
27.     **private** ViewPager mViewPaper;  
28.     **private** List<ImageView> images;  
29.     **private** List<View> dots;  
30.     **private** **int** currentItem;  
31.     //记录上一次点的位置  
32.     **private** **int** oldPosition = 0;  
33.     //存放图片的id  
34.     **private** **int**\[\] imageIds = **new** **int**\[\]\{  
35.             R.drawable.a,  
36.             R.drawable.b,  
37.             R.drawable.c,  
38.             R.drawable.d,  
39.             R.drawable.e  
40.     \};  
41.     //存放图片的标题  
42.     **private** String\[\]  titles = **new** String\[\]\{  
43.             "巩俐不低俗，我就不能低俗",   
44.             "扑树又回来啦！再唱经典老歌引万人大合唱",    
45.             "揭秘北京电影如何升级",     
46.             "乐视网TV版大派送",      
47.             "热血屌丝的反杀"  
48.         \};  
49.     **private** TextView title;  
50.     **private** ViewPagerAdapter adapter;  
51.     **private** ScheduledExecutorService scheduledExecutorService;  
52.   
53.     @Override  
54.     **protected** **void** onCreate(Bundle savedInstanceState) \{  
55.         **super**.onCreate(savedInstanceState);  
56.         setContentView(R.layout.activity\_main);  
57.         mViewPaper = (ViewPager) findViewById(R.id.vp);  
58.           
59.         //显示的图片  
60.         images = **new** ArrayList<ImageView>();  
61.         **for**(**int** i = 0; i < imageIds.length; i++)\{  
62.             ImageView imageView = **new** ImageView(**this**);  
63.             imageView.setBackgroundResource(imageIds\[i\]);  
64.             images.add(imageView);  
65.         \}  
66.         //显示的小点  
67.         dots = **new** ArrayList<View>();  
68.         dots.add(findViewById(R.id.dot\_0));  
69.         dots.add(findViewById(R.id.dot\_1));  
70.         dots.add(findViewById(R.id.dot\_2));  
71.         dots.add(findViewById(R.id.dot\_3));  
72.         dots.add(findViewById(R.id.dot\_4));  
73.           
74.         title = (TextView) findViewById(R.id.title);  
75.         title.setText(titles\[0\]);  
76.           
77.         adapter = **new** ViewPagerAdapter();  
78.         mViewPaper.setAdapter(adapter);  
79.           
80.         mViewPaper.setOnPageChangeListener(**new** ViewPager.OnPageChangeListener() \{  
81.               
82.   
83.             @Override  
84.             **public** **void** onPageSelected(**int** position) \{  
85.                 title.setText(titles\[position\]);  
86.                 dots.get(position).setBackgroundResource(R.drawable.dot\_focused);  
87.                 dots.get(oldPosition).setBackgroundResource(R.drawable.dot\_normal);  
88.                   
89.                 oldPosition = position;  
90.                 currentItem = position;  
91.             \}  
92.               
93.             @Override  
94.             **public** **void** onPageScrolled(**int** arg0, **float** arg1, **int** arg2) \{  
95.                   
96.             \}  
97.               
98.             @Override  
99.             **public** **void** onPageScrollStateChanged(**int** arg0) \{  
100.                   
101.             \}  
102.         \});  
103.     \}  
104.   
105.     /\*\* 
106.      \* 自定义Adapter 
107.      \* @author liuyazhuang 
108.      \* 
109.      \*/  
110.     **private** **class** ViewPagerAdapter **extends** PagerAdapter\{  
111.   
112.         @Override  
113.         **public** **int** getCount() \{  
114.             **return** images.size();  
115.         \}  
116.   
117.         @Override  
118.         **public** **boolean** isViewFromObject(View arg0, Object arg1) \{  
119.             **return** arg0 == arg1;  
120.         \}  
121.   
122.         @Override  
123.         **public** **void** destroyItem(ViewGroup view, **int** position, Object object) \{  
124.             // TODO Auto-generated method stub  
125. //          super.destroyItem(container, position, object);  
126. //          view.removeView(view.getChildAt(position));  
127. //          view.removeViewAt(position);  
128.             view.removeView(images.get(position));  
129.         \}  
130.   
131.         @Override  
132.         **public** Object instantiateItem(ViewGroup view, **int** position) \{  
133.             // TODO Auto-generated method stub  
134.             view.addView(images.get(position));  
135.             **return** images.get(position);  
136.         \}  
137.           
138.     \}  
139.       
140.     @Override  
141.     **public** **boolean** onCreateOptionsMenu(Menu menu) \{  
142.         // Inflate the menu; this adds items to the action bar if it is present.  
143.         getMenuInflater().inflate(R.menu.main, menu);  
144.         **return** **true**;  
145.     \}  
146.   
147.     /\*\* 
148.      \* 利用线程池定时执行动画轮播 
149.      \*/  
150.     @Override  
151.     **protected** **void** onStart() \{  
152.         // TODO Auto-generated method stub  
153.         **super**.onStart();  
154.         scheduledExecutorService = Executors.newSingleThreadScheduledExecutor();  
155.         scheduledExecutorService.scheduleWithFixedDelay(  
156.                 **new** ViewPageTask(),   
157.                 2,   
158.                 2,   
159.                 TimeUnit.SECONDS);  
160.     \}  
161.       
162.       
163.     /\*\* 
164.      \* 图片轮播任务 
165.      \* @author liuyazhuang 
166.      \* 
167.      \*/  
168.     **private** **class** ViewPageTask **implements** Runnable\{  
169.   
170.         @Override  
171.         **public** **void** run() \{  
172.             currentItem = (currentItem + 1) % imageIds.length;  
173.             mHandler.sendEmptyMessage(0);  
174.         \}  
175.     \}  
176.       
177.     /\*\* 
178.      \* 接收子线程传递过来的数据 
179.      \*/  
180.     **private** Handler mHandler = **new** Handler()\{  
181.         **public** **void** handleMessage(android.os.Message msg) \{  
182.             mViewPaper.setCurrentItem(currentItem);  
183.         \};  
184.     \};  
185.     @Override  
186.     **protected** **void** onStop() \{  
187.         // TODO Auto-generated method stub  
188.         **super**.onStop();  
189.         **if**(scheduledExecutorService != **null**)\{  
190.             scheduledExecutorService.shutdown();  
191.             scheduledExecutorService = **null**;  
192.         \}  
193.     \}  
194.       
195. \}

#### 2、布局activity\_main.xml ####

具体实现代码如下：

**\[html\]**  [view plain][]   [copy][view plain]

1.  **<****RelativeLayout** xmlns:android="http://schemas.android.com/apk/res/android"  
2.      xmlns:tools="http://schemas.android.com/tools"  
3.      android:layout\_width="match\_parent"  
4.      android:layout\_height="match\_parent" **>**  
5.    
6.      **<****FrameLayout**  
7.          android:layout\_width="match\_parent"  
8.          android:layout\_height="200dip" **>**  
9.    
10.         **<****android.support.v4.view.ViewPager**  
11.             android:id="@+id/vp"  
12.             android:layout\_width="match\_parent"  
13.             android:layout\_height="match\_parent" **/>**  
14.   
15.         **<****LinearLayout**  
16.             android:layout\_width="match\_parent"  
17.             android:layout\_height="35dip"  
18.             android:layout\_gravity="bottom"  
19.             android:background="\#33000000"  
20.             android:gravity="center"  
21.             android:orientation="vertical" **>**  
22.   
23.             **<****TextView**  
24.                 android:id="@+id/title"  
25.                 android:layout\_width="wrap\_content"  
26.                 android:layout\_height="wrap\_content"  
27.                 android:text="图片标题"  
28.                 android:textColor="@android:color/white" **/>**  
29.   
30.             **<****LinearLayout**  
31.                 android:layout\_width="wrap\_content"  
32.                 android:layout\_height="wrap\_content"  
33.                 android:layout\_marginTop="3dip"  
34.                 android:orientation="horizontal" **>**  
35.   
36.                 **<****View**  
37.                     android:id="@+id/dot\_0"  
38.                     android:layout\_width="5dip"  
39.                     android:layout\_height="5dip"  
40.                     android:layout\_marginLeft="2dip"  
41.                     android:layout\_marginRight="2dip"   
42.                     android:background="@drawable/dot\_focused"**/>**  
43.   
44.                 **<****View**  
45.                     android:id="@+id/dot\_1"  
46.                     android:layout\_width="5dip"  
47.                     android:layout\_height="5dip"  
48.                     android:layout\_marginLeft="2dip"  
49.                     android:layout\_marginRight="2dip"   
50.                     android:background="@drawable/dot\_normal"**/>**  
51.                 **<****View**  
52.                     android:id="@+id/dot\_2"  
53.                     android:layout\_width="5dip"  
54.                     android:layout\_height="5dip"  
55.                     android:layout\_marginLeft="2dip"  
56.                     android:layout\_marginRight="2dip"   
57.                     android:background="@drawable/dot\_normal"**/>**  
58.                 **<****View**  
59.                     android:id="@+id/dot\_3"  
60.                     android:layout\_width="5dip"  
61.                     android:layout\_height="5dip"  
62.                     android:layout\_marginLeft="2dip"  
63.                     android:layout\_marginRight="2dip"   
64.                     android:background="@drawable/dot\_normal"**/>**  
65.                 **<****View**  
66.                     android:id="@+id/dot\_4"  
67.                     android:layout\_width="5dip"  
68.                     android:layout\_height="5dip"  
69.                     android:layout\_marginLeft="2dip"  
70.                     android:layout\_marginRight="2dip"   
71.                     android:background="@drawable/dot\_normal"**/>**  
72.                   
73.             **</****LinearLayout****>**  
74.         **</****LinearLayout****>**  
75.     **</****FrameLayout****>**  
76.   
77. **</****RelativeLayout****>**

#### 3、AndroidManifest.xml ####

这个文件不需要做任何更新。

具体代码如下：

**\[html\]**  [view plain][]   [copy][view plain]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****manifest** xmlns:android="http://schemas.android.com/apk/res/android"  
3.      package="com.lyz.viewpage.activity"  
4.      android:versionCode="1"  
5.      android:versionName="1.0" **>**  
6.    
7.      **<****uses-sdk**  
8.          android:minSdkVersion="10"  
9.          android:targetSdkVersion="18" **/>**  
10.   
11.     **<****application**  
12.         android:allowBackup="true"  
13.         android:icon="@drawable/ic\_launcher"  
14.         android:label="@string/app\_name"  
15.         android:theme="@style/AppTheme" **>**  
16.         **<****activity**  
17.             android:name="com.lyz.viewpage.activity.MainActivity"  
18.             android:label="@string/app\_name" **>**  
19.             **<****intent-filter****>**  
20.                 **<****action** android:name="android.intent.action.MAIN" **/>**  
21.   
22.                 **<****category** android:name="android.intent.category.LAUNCHER" **/>**  
23.             **</****intent-filter****>**  
24.         **</****activity****>**  
25.     **</****application****>**  
26.   
27. **</****manifest****>**

### 三、运行效果 ###

![Center][]

![Center 1][]

![Center 2][]

### 四、温馨提示 ###

大家可以到链接[http://download.csdn.net/detail/l1028386804/9057555][http_download.csdn.net_detail_l1028386804_9057555]下载Android图片轮播效果实现完整源代码

本实例中，为了方面，我把一些文字直接写在了布局文件中和相关的类中，大家在真实的项目中要把这些文字写在string.xml文件中，在外部引用这些资源，切记，这是作为一个Android程序员最基本的开发常识和规范，我在这里只是为了方便直接写在了类和布局文件中。

顶

[http_blog.csdn.net_l1028386804_article_details_48049913]: http://blog.csdn.net/l1028386804/article/details/48049913
[Android]: http://lib.csdn.net/base/android
[view plain]: http://blog.csdn.net/l1028386804/article/details/48049913#
[Center]: /images/20220715/cc33a6f77984490ebe01ecbb15ccf122.png
[Center 1]: /images/20220715/d2df86f6bd2c406cb920fc6723cdb1ac.png
[Center 2]: /images/20220715/e662ddf486ef451c9a15ad5cb41447ff.png
[http_download.csdn.net_detail_l1028386804_9057555]: http://download.csdn.net/detail/l1028386804/9057555

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android实现广告页图片无限轮播

一.概述对于一个联网的Android应用, 首页广告无限轮播基本已经成为标配了. 那么它是怎么实现的呢? 有几种实现方式呢? 二.无限轮播的实现 1.最常规的手段是

客官°小女子只卖身不卖艺/ 2023年10月10日 08:00/ 0 赞/ 18 阅读

相关 JQuery实现简单图片自动轮播效果

原理:依靠子元素位移实现图片转换效果图原理： ![20210206114348447.gif][] 效果：不带自动切换的轮播，需要点击才能轮播 ![2021020

叁歲伎倆/ 2022年10月28日 12:25/ 0 赞/ 306 阅读

相关 html网页简单实现图片轮播效果,html+css+js简单实现图片轮播效果

\\{background-color:green;\} \lunbo\{ width:600px; height:600px;position:relative;left:

ゞ浴缸里的玫瑰/ 2022年10月06日 07:49/ 0 赞/ 339 阅读

相关 html网页简单实现图片轮播效果,CSS3简单实现图片切换轮播

HTML代码： A B C CSS代码：.pic-switch\{ width: 500px; height: 300px; margin: 0px auto;

曾经终败给现在/ 2022年10月06日 06:59/ 0 赞/ 295 阅读

相关 jquery实现简单图片轮播效果

[下载地址][Link 1]jquery实现简单图片轮播效果，按钮控制上下图片翻转效果。 ![1631561661.png][] dd: [Link 1]: https

柔情只为你懂/ 2022年09月11日 11:10/ 0 赞/ 307 阅读

相关 Android UI - 实现广告Banner轮播效果

Android UI - 实现广告Banner轮播效果前言本篇博客要分享的一个效果是实现广告Banner轮播效果，这个效果也比较常见，一些视频类应用就经常有，就

Myth丶恋晨/ 2022年08月07日 05:33/ 0 赞/ 206 阅读

相关史上最简单jquery轮播图

直接上代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>

﹏ヽ暗。殇╰゛Y/ 2022年07月16日 13:11/ 0 赞/ 216 阅读

相关 Android之——史上最简单图片轮播广告效果实现

[转载请注明出处:http://blog.csdn.net/l1028386804/article/details/48049913][http_blog.csdn.net_l

傷城~/ 2022年07月15日 11:29/ 0 赞/ 194 阅读

相关 RollViewPager简单实现android图片轮播效果

Github地址：[https://github.com/Jude95/RollViewPager][https_github.com_Jude95_RollView

电玩女神/ 2022年06月17日 13:49/ 0 赞/ 286 阅读

相关 Android 最简单实现广告轮播效果ConvenientBanner

以前一直写广告轮播，都是自己实现，最近看帖子的时候，看到，有一个很不错的广告轮播第三发框架，赶快学习一下。详情其实再github上也有介绍ConvenientBanner

妖狐艹你老母/ 2022年06月07日 11:56/ 0 赞/ 255 阅读