一、前言
马上就要520和521了,是不是还有像我一样的单身狗啊。我就知道有,所以这两天简单写了这个小程序(其实是替别人写的),虽然我并不会用去骗女孩子(因为最近太忙了,实习完之后要搞毕设,要搞论文啊,谁能帮帮我...),但是我想很多人肯定会感兴趣吧。如果你感兴趣就拿去逗妹子一乐吧。
如果你很感兴趣,你可以在我写的基础上增辉加彩,或者根据我提供的资源自己动手,尝试一下。
二、先show一下效果
三、Android手机如何录制屏幕及转GIF
https://www.aswifter.com/2015/07/10/android-record-video-to-gif/
第一次试的时候没有成功,第二次设定屏幕分辨率后成功了,但是效果太差。果断又试了第三次,成功了,手机根目录出现了刚刚录制的视屏文件。
adb pull 会把文件从手机上复制到本地(ANDROID_SDK_HOME/platform-tools目录下,也就是adb.exe所在的目录)
接着就是转换成gif了,这里我用PS处理
然后文件——》存储为web所有格式——》选择gif。如果gif过大,可能会导致ps崩溃,简单的做法就是调整图片的大小,就可以了。
四、下载地址
apk文件:https://github.com/hjzgg/LoveDemo/tree/master/bin
项目:https://github.com/hjzgg/LoveDemo
五、技术路线,分享我的制作过程
1.准备
大二的时候搞过一段时间的android,时隔一年半,好多东西都忘了,不过现在捡起来也不晚。
开发工具使用eclipse或者android studio。我使用的eclipse,那么就要自己去安装ADT和SDK了,安装的时间有点蛋疼啊。
2.资源收集
作为一个表白程序,必须要有图片吧,文字吧, 最好加上背景音乐吧,不然就真的没有意思了。下面分享几个资源链接:
文字特效: https://github.com/elevenetc/TextSurface
图片切花特效: https://github.com/daimajia/AndroidImageSlider
音乐播放器: http://www.cnblogs.com/TerryBlog/archive/2010/06/26/1765910.html
先说一下文字特效,将文字特效的代码下载下来后,所有的演示代码放在了\app\src\main\java\su\levenetc\android\textsurface\sample\checks这里面,app\src\main\java\su\levenetc\android\textsurface\sample\SampleActivity.java是app入口activity。最主要的代码放在了library目录下,需要将library\src\main下面的文件复制到我们的项目中,参考入口activity的内容进行调用就可以了。 资源中提供了很多文字展示的效果,本人愚钝,只用了两个,而且用的不是太好。我主要增加了文字处理,效果结合的功能。将要展示的文字按照4句划分,然后调用文字效果展示。文字资源放在了assets文件夹下面。
图片切换特效很好用,进本不要改动,直接把图片换了就行了,效果不错。
音乐播放器引用网上的一位哥们儿的,写的简介靠谱,这里直接拿来用了,用的是MediaPlayer进行音乐播放。我改了一些地方,里面有点儿小bug。增加了一个功能,就是在sd卡不存在的时候(无论是内置的还是外置的),依然可以获取到音乐文件,考虑了好多方式,比如直接调用网上的,或者调用手机内存中的...,想了想还是将音乐文件放在项目当中了,可以放在res/raw下,也可以放在assets下,各有好处,本人放在了res/raw目录下。还有一个要注意的是判断手机的sd卡环境是否可以使用。具体的还是看代码吧。
3.主要代码
说了这么多,最主要的代码都是在一个activity中,代码如下:
MainActivity.java
public class MainActivity extends ListActivity implements BaseSliderView.OnSliderClickListener{ @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //初始化图片切换 initChangePicture(); //初始化音乐 initMusic(); //初始化文字展示 initWord(); } @Override public void onSliderClick(BaseSliderView slider) { Toast.makeText(this, slider.getBundle().get("extra") + "",Toast.LENGTH_SHORT).show(); } private SliderLayout mDemoSlider; private void initChangePicture(){ mDemoSlider = (SliderLayout)findViewById(R.id.slider); //两种方式加载数据 //加载本地 HashMap<String,String> url_maps = new HashMap<String, String>(); url_maps.put("GitOnWay", "http://gitonway.blog.163.com/"); //加载网络 HashMap<String,Integer> file_maps = new HashMap<String, Integer>(); file_maps.put("love-A",R.drawable.a); file_maps.put("love-B",R.drawable.b); file_maps.put("love-C",R.drawable.c); file_maps.put("love-D", R.drawable.d); for(String name : file_maps.keySet()){ TextSliderView textSliderView = new TextSliderView(this); // 初始化幻灯片页面 textSliderView .description(name) .image(file_maps.get(name)) .setOnSliderClickListener(this); //添加要传递的数据 textSliderView.getBundle() .putString("extra",name); mDemoSlider.addSlider(textSliderView); } // 幻灯片切换方式 mDemoSlider.setPresetTransformer(SliderLayout.Transformer.Accordion); // 指示符位置 mDemoSlider.setPresetIndicator(SliderLayout.PresetIndicators.Center_Bottom); // 定义指示器样式 // mDemoSlider.setCustomIndicator(your view); // 幻灯片循环 // mDemoSlider.startAutoCycle(); // 停止循环 mDemoSlider.stopAutoCycle(); // 设置指示器的显示与否 mDemoSlider.setIndicatorVisibility(PagerIndicator.IndicatorVisibility.Visible); // 设置幻灯片的转化时间 // mDemoSlider.setSliderTransformDuration(5000, null); // 用来自定义幻灯片标题的显示方式 mDemoSlider.setCustomAnimation(new DescriptionAnimation()); // 幻灯片切换时间 mDemoSlider.setDuration(3000); // 实现随机切换 TimerTask task = new TimerTask() { @Override public void run() { Transformer[] tranformers = SliderLayout.Transformer.values(); Transformer transformer = tranformers[(int) (Math.random() * tranformers.length)]; mDemoSlider.setPresetTransformer(transformer); } }; new Timer().schedule(task, 2000, 2000); } //res/raw中的音乐文件资源映射 private Map<String, Integer> musicPath; //播放对象 private MediaPlayer myMediaPlayer; //播放列表 private List<String> myMusicList = new ArrayList<String>(); //当前播放歌曲的索引 private int currentListItem=0; //音乐的路径, 如果存在sd卡,则使用sd卡,否则使用内存中的data目录 private static String MUSIC_PATH = hasSDCardMounted() ? new String(Environment.getExternalStorageDirectory().getAbsolutePath() + "/hjz/") : null; private void initMusic(){ myMediaPlayer=new MediaPlayer(); findView(); musicList(); listener(); //自动播放第一首歌 if(myMusicList.size() > 0){ playMusic(MUSIC_PATH, myMusicList.get(currentListItem)); } } public static boolean hasSDCardMounted() { String state = Environment.getExternalStorageState(); if (state != null && state.equals(Environment.MEDIA_MOUNTED)) { return true; } else { return false; } } //绑定音乐 private void musicList(){ try { File home = new File(MUSIC_PATH); //如果有sd卡,但是sd卡中没有指定的音乐文件夹,则采用项目中的音乐文件 if(MUSIC_PATH == null || home.listFiles() == null) {//绑定 res/raw下的音乐文件 MUSIC_PATH = null; musicPath = new HashMap<String, Integer>(); musicPath.put("杨宗纬 - 一次就好.mp3", R.raw.yi_ci_jiu_hao); musicPath.put("霍建华,赵丽颖 - 不可说.mp3", R.raw.bu_ke_shuo); musicPath.put("川井憲次 - 孤独な巡礼.mp3", R.raw.gu_du_xun_li); myMusicList.addAll(musicPath.keySet()); } else { Log.v("MUSIC_PATH", MUSIC_PATH); if(home.listFiles(new MusicFilter()).length>0){ for(File file:home.listFiles(new MusicFilter())){ myMusicList.add(file.getName()); } } } if(myMusicList.size() > 0) { ArrayAdapter<String> musicList = new ArrayAdapter<String>(MainActivity.this, R.layout.musicitme, myMusicList); setListAdapter(musicList); } } catch (Exception e) { Log.e("获取音乐文件出错:", e.toString()); } } //获取按钮 void findView(){ viewHolder.start=(Button)findViewById(R.id.start); viewHolder.stop=(Button)findViewById(R.id.stop); viewHolder.next=(Button)findViewById(R.id.next); viewHolder.pause=(Button)findViewById(R.id.pause); viewHolder.last=(Button)findViewById(R.id.last); } //监听事件 void listener(){ //停止 viewHolder.stop.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub if(myMediaPlayer.isPlaying()){ myMediaPlayer.reset(); } } }); //开始 viewHolder.start.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { if(myMusicList.size() == 0) return; playMusic(MUSIC_PATH, myMusicList.get(currentListItem)); } }); //下一首 viewHolder.next.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { nextMusic(); } }); //暂停 viewHolder.pause.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { if(myMusicList.size() == 0) return; if(myMediaPlayer.isPlaying()){ myMediaPlayer.pause(); }else{ myMediaPlayer.start(); } } }); //上一首 viewHolder.last.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { lastMusic(); } }); } //播放音乐 void playMusic(String basePath, String path){ try { if(basePath != null) { myMediaPlayer.reset(); myMediaPlayer.setDataSource(basePath+path); myMediaPlayer.prepare(); } else { myMediaPlayer.pause(); myMediaPlayer.release(); myMediaPlayer = MediaPlayer.create(MainActivity.this, musicPath.get(path)); } myMediaPlayer.start(); myMediaPlayer.setOnCompletionListener(new OnCompletionListener() { @Override public void onCompletion(MediaPlayer mp) { nextMusic(); } }); } catch (Exception e) { Log.e("播放sd卡音乐失败", e.toString()); e.printStackTrace(); } } //下一首 void nextMusic(){ if(myMusicList.size() > 0) { if(++currentListItem>=myMusicList.size()){ currentListItem=0; } playMusic(MUSIC_PATH, myMusicList.get(currentListItem)); } } //上一首 void lastMusic(){ if(myMusicList.size() > 0) { if(currentListItem!=0) { playMusic(MUSIC_PATH, myMusicList.get(--currentListItem)); } else{ playMusic(MUSIC_PATH, myMusicList.get(currentListItem=myMusicList.size()-1)); } } } //当用户返回时结束音乐并释放音乐对象 @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if(keyCode==KeyEvent.KEYCODE_BACK){ myMediaPlayer.stop(); myMediaPlayer.release(); this.finish(); return true; } return super.onKeyDown(keyCode, event); } //当选择列表项时播放音乐 @Override protected void onListItemClick(ListView l, View v, int position, long id) { currentListItem=position; playMusic(MUSIC_PATH, myMusicList.get(currentListItem)); } //初始化文字展示 private TextSurface textSurface; private void initWord(){ LinearLayout layout = (LinearLayout) findViewById(R.id.LinearLayoutWord);//找到你要设透明背景的layout 的id layout.getBackground().setAlpha(60);//0~255透明度值 textSurface = (TextSurface) findViewById(R.id.text_surface); textSurface.postDelayed(new Runnable() { @Override public void run() { show(); } }, 1000); } private void show() { textSurface.reset(); List<AnimationsSet> animationsSets = new ArrayList<AnimationsSet>(); animationsSets.add(CookieThumperSample.getCookieThumperAnimations(getAssets())); animationsSets.addAll(SlideSample.getSlideAnimations(getContents())); textSurface.play(TYPE.SEQUENTIAL, animationsSets.toArray(new AnimationsSet[]{})); // ColorSample.play(textSurface); // AlignSample.play(textSurface); // Rotation3DSample.play(textSurface); // ScaleTextSample.run(textSurface); // ShapeRevealLoopSample.play(textSurface); // ShapeRevealSample.play(textSurface); // SlideSample.play(textSurface); // SurfaceScaleSample.play(textSurface); // SurfaceTransSample.play(textSurface); } private List<String> getContents(){ List<String> contents = new ArrayList<String>(); try{ //得到资源中的asset数据流 String fileName = "content.txt"; //文件名字 String res=""; InputStream in = getResources().getAssets().open(fileName); int length = in.available(); byte [] buffer = new byte[length]; in.read(buffer); in.close(); res = EncodingUtils.getString(buffer, "UTF-8"); String[] strings = res.split("[,|,|\\.|。]"); int len = strings.length/4 * 4; for(int i=0; i < len; ++i) contents.add(strings[i]); }catch(Exception e){ e.printStackTrace(); Log.e("getContents", e.toString()); } return contents; } }
activity_main.xml(页面布局)
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:custom="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.gitonway.androidimagesliderdemo.activity.MainActivity"> <LinearLayout android:id="@+id/LinearLayoutPicture" android:orientation="vertical" android:layout_weight="3" android:layout_height="fill_parent" android:layout_width="match_parent"> <!-- 图片切换 --> <com.gitonway.androidimagesliderdemo.widget.imageslider.SliderLayout android:id="@+id/slider" android:layout_width="match_parent" android:layout_height="fill_parent" custom:pager_animation="Accordion" custom:auto_cycle="true" custom:indicator_visibility="visible" custom:pager_animation_span="1100"/> <!-- <com.gitonway.androidimagesliderdemo.widget.imageslider.Indicators.PagerIndicator android:id="@+id/custom_indicator" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" custom:selected_color="#0095BF" custom:unselected_color="#55333333" custom:selected_drawable="@drawable/ic_launcher" custom:shape="oval" custom:selected_padding_left="6dp" custom:selected_padding_right="6dp" custom:unselected_padding_left="2dp" custom:unselected_padding_right="2dp" android:layout_centerHorizontal="true" android:layout_alignParentBottom="true" custom:selected_width="6dp" custom:selected_height="6dp" custom:unselected_width="6dp" custom:unselected_height="6dp" android:layout_marginBottom="20dp" /> <com.gitonway.androidimagesliderdemo.widget.imageslider.Indicators.PagerIndicator android:id="@+id/custom_indicator2" style="@style/AndroidImageSlider_Corner_Oval_Orange" android:layout_centerHorizontal="true" android:layout_alignParentBottom="true" android:layout_marginBottom="20dp" /> --> </LinearLayout> <!-- 文字展现 --> <LinearLayout android:id="@+id/LinearLayoutWord" android:layout_weight="3" android:layout_height="fill_parent" android:orientation="vertical" android:background="@android:color/background_dark" android:layout_width="match_parent"> <com.textsurface.TextSurface android:id="@+id/text_surface" android:layout_height="fill_parent" android:layout_width="match_parent"/> </LinearLayout> <!-- 音乐播放器 --> <LinearLayout android:id="@+id/LinearLayoutMusic" android:layout_width="match_parent" android:layout_weight="4" android:layout_height="fill_parent" android:orientation="vertical" > <ListView android:id="@id/android:list" android:layout_width="match_parent" android:layout_weight="1" android:layout_height="fill_parent" android:scrollbars="vertical" /> <LinearLayout android:id="@+id/bottomBtn" android:layout_width="match_parent" android:layout_height="60dp" android:gravity="center|center_horizontal|center_vertical" android:orientation="horizontal" > <Button android:id="@+id/last" android:background="@drawable/last" android:layout_width="wrap_content" android:layout_height="wrap_content"></Button> <Button android:id="@+id/stop" android:background="@drawable/stop" android:layout_marginLeft="10dp" android:layout_width="wrap_content" android:layout_height="wrap_content"></Button> <Button android:id="@+id/start" android:background="@drawable/start" android:layout_marginLeft="10dp" android:layout_width="wrap_content" android:layout_height="wrap_content"></Button> <Button android:id="@+id/pause" android:layout_width="wrap_content" android:background="@drawable/pause" android:layout_marginLeft="10dp" android:layout_height="wrap_content"></Button> <Button android:id="@+id/next" android:background="@drawable/next" android:layout_marginLeft="10dp" android:layout_width="wrap_content" android:layout_height="wrap_content"></Button> </LinearLayout> </LinearLayout> </LinearLayout>