Android记录4--自定义ToggleButton+用SharedPreferences保存用户配置
2013年8月14日Android记录

很多应用都会有用户设置,用户的一些偏好可以由用户来决定那是应用人性化的体现,在实际开发中很多情况都作成可配置的了,本篇博客要介绍的是一个比较炫的状态按钮切换,我想很多开发者都想做出这样的效果,在这里我也就把自己参与的项目当中的这部分实现,做出Demo来于朋友们分享。

没有图,我感觉就特别不舒服:
 
 


这样看没办法看出效果,如果能做出动态图就好了,下次吧。

除了ToggleButton的自定义之外,用户配置的信息也是要保存起来的,每一次启动程序的时候要能保证使用的是之前的配置,而不是默认配置,在这里使用SharedPreferences是最好的选择了。

想要源码的猛戳这里:http://download.csdn.net/detail/wwj_748/5945829


布局文件:
/2013.08.14_ToggleButton_demo/res/layout/settings.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/LinearLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg"
android:orientation="vertical" > <RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/banner_bg" > <TextView
android:id="@+id/tv_Title"
android:layout_width="wrap_content"
android:layout_height="42dp"
android:layout_centerHorizontal="true"
android:gravity="center"
android:text="设置"
android:textColor="#ffffff"
android:textSize="22sp" />
</RelativeLayout> <ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent" > <LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" > <LinearLayout
android:id="@+id/layout_AutoPlay"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/item_short_bg_selector"
android:gravity="center_vertical" > <TextView
android:id="@+id/tv_AutoPlay"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_weight="1"
android:focusable="false"
android:singleLine="true"
android:text="自动播放"
android:textColor="#7a6f66"
android:textSize="18sp" /> <RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="10dp" > <ToggleButton
android:id="@+id/toggle_AutoPlay"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/toggle_selector"
android:gravity="left|center_vertical"
android:paddingLeft="14dp"
android:paddingRight="14dp"
android:textColor="#ffffff"
android:textOff="OFF"
android:textOn="ON" /> <ImageButton
android:id="@+id/toggleButton_AutoPlay"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/toggle_AutoPlay"
android:background="#00000000"
android:src="@drawable/progress_thumb_selector" />
</RelativeLayout>
</LinearLayout> <ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scaleType="fitXY"
android:src="@drawable/list_divider" /> <LinearLayout
android:id="@+id/layout_StartOnBoot"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/item_short_bg_selector"
android:gravity="center_vertical" > <TextView
android:id="@+id/tv_StartOnBoot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_weight="1"
android:focusable="false"
android:singleLine="true"
android:text="开机自启动"
android:textColor="#7a6f66"
android:textSize="18sp" /> <RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="10dp" > <ToggleButton
android:id="@+id/toggle_StartOnBoot"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/toggle_selector"
android:gravity="left|center_vertical"
android:paddingLeft="14dp"
android:paddingRight="14dp"
android:textColor="#ffffff"
android:textOff="OFF"
android:textOn="ON" /> <ImageButton
android:id="@+id/toggleButton_StartOnBoot"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/toggle_StartOnBoot"
android:background="#00000000"
android:src="@drawable/progress_thumb_selector" />
</RelativeLayout>
</LinearLayout>
</LinearLayout>
</ScrollView> </LinearLayout>

哪些selector文件的代码就不贴了,自己看源码吧


Activity文件
/2013.08.14_ToggleButton_demo/src/com/wwj/toggle/Setting.java
package com.wwj.toggle;

import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageButton;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.ToggleButton; /**
* 自定义ToggleButton的例子
*
* @author wwj 2013年8月14
*/
public class Setting extends Activity { private LinearLayout layout_AutoPlay;
private LinearLayout layout_StartOnBoot;
private ToggleButton toggle_AutoPlay;
private ToggleButton toggle_StartOnBoot;
private ImageButton toggleButton_AutoPlay;
private ImageButton toggleButton_StartOnBoot; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.settings); // 找到控件
layout_AutoPlay = (LinearLayout) findViewById(R.id.layout_AutoPlay);
layout_StartOnBoot = (LinearLayout) findViewById(R.id.layout_StartOnBoot);
toggle_AutoPlay = (ToggleButton) findViewById(R.id.toggle_AutoPlay);
toggle_StartOnBoot = (ToggleButton) findViewById(R.id.toggle_StartOnBoot);
toggleButton_AutoPlay = (ImageButton) findViewById(R.id.toggleButton_AutoPlay);
toggleButton_StartOnBoot = (ImageButton) findViewById(R.id.toggleButton_StartOnBoot); initViews();
setListeners();
} private void initViews() {
// 是否自动播放,获取SharePerference保存的用户配置
boolean isAutoPlay = SettingUtils.get(this, SettingUtils.AUTO_PLAY,
false);
toggle_AutoPlay.setChecked(isAutoPlay);
RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) toggleButton_AutoPlay
.getLayoutParams();
if (isAutoPlay) { // 如果是自动播放
// 调整位置
params.addRule(RelativeLayout.ALIGN_RIGHT, -1);
params.addRule(RelativeLayout.ALIGN_LEFT,
R.id.toggleButton_AutoPlay);
toggleButton_AutoPlay.setLayoutParams(params);
toggleButton_AutoPlay
.setImageResource(R.drawable.progress_thumb_selector);
toggle_AutoPlay.setGravity(Gravity.RIGHT | Gravity.CENTER_VERTICAL);
} else {
// 调整位置
params.addRule(RelativeLayout.ALIGN_RIGHT, R.id.toggle_AutoPlay);
params.addRule(RelativeLayout.ALIGN_LEFT, -1);
toggleButton_AutoPlay.setLayoutParams(params);
toggleButton_AutoPlay
.setImageResource(R.drawable.progress_thumb_off_selector);
toggle_AutoPlay.setGravity(Gravity.LEFT | Gravity.CENTER_VERTICAL);
} boolean isAutostart = SettingUtils.get(this,
SettingUtils.IS_AUTO_START, true); toggle_StartOnBoot.setChecked(isAutostart);
RelativeLayout.LayoutParams params3 = (RelativeLayout.LayoutParams) toggleButton_StartOnBoot
.getLayoutParams();
if (isAutostart) {
// 调整位置
params3.addRule(RelativeLayout.ALIGN_RIGHT, -1);
params3.addRule(RelativeLayout.ALIGN_LEFT, R.id.toggle_StartOnBoot);
toggleButton_StartOnBoot.setLayoutParams(params3);
toggleButton_StartOnBoot
.setImageResource(R.drawable.progress_thumb_selector); toggle_StartOnBoot.setGravity(Gravity.RIGHT
| Gravity.CENTER_VERTICAL);
} else {
// 调整位置
params3.addRule(RelativeLayout.ALIGN_RIGHT, R.id.toggle_StartOnBoot);
params3.addRule(RelativeLayout.ALIGN_LEFT, -1);
toggleButton_StartOnBoot.setLayoutParams(params3);
toggleButton_StartOnBoot
.setImageResource(R.drawable.progress_thumb_off_selector); toggle_StartOnBoot.setGravity(Gravity.LEFT
| Gravity.CENTER_VERTICAL);
}
} private void setListeners() {
toggle_AutoPlay.setOnCheckedChangeListener(new ToggleListener(this,
"自动播放", toggle_AutoPlay, toggleButton_AutoPlay));
toggle_StartOnBoot.setOnCheckedChangeListener(new ToggleListener(this,
"开机自启动", toggle_StartOnBoot, toggleButton_StartOnBoot)); // UI事件,按钮点击事件
OnClickListener clickToToggleListener = new OnClickListener() { @Override
public void onClick(View v) {
toggle_AutoPlay.toggle();
}
}; toggleButton_AutoPlay.setOnClickListener(clickToToggleListener);
layout_AutoPlay.setOnClickListener(clickToToggleListener); // UI事件,按钮点击事件
OnClickListener clickToToggleAutostartListener = new OnClickListener() {
public void onClick(View v) {
toggle_StartOnBoot.toggle();
}
};
toggleButton_StartOnBoot
.setOnClickListener(clickToToggleAutostartListener);
layout_StartOnBoot
.setOnClickListener(clickToToggleAutostartListener);
} }

工具类:

/2013.08.14_ToggleButton_demo/src/com/wwj/toggle/SettingUtils.java
package com.wwj.toggle;

import android.content.Context;
import android.content.SharedPreferences;
import android.content.SharedPreferences.Editor;
import android.preference.PreferenceManager; public class SettingUtils {
public static final String AUTO_PLAY = "auto_play"; // 自动播放
public static final String IS_AUTO_START = "is_auto_start"; // 开机自启动 /**
* 获取配置
* @param context
* @param name
* @param defaultValue
* @return
*/
public static boolean get(Context context, String name, boolean defaultValue) {
final SharedPreferences prefs = PreferenceManager.getDefaultSharedPreferences(context);
boolean value = prefs.getBoolean(name, defaultValue);
return value;
} /**
* 保存用户配置
* @param context
* @param name
* @param value
* @return
*/
public static boolean set(Context context, String name, boolean value) {
final SharedPreferences prefs = PreferenceManager.getDefaultSharedPreferences(context);
Editor editor = prefs.edit();
editor.putBoolean(name, value);
return editor.commit(); //提交
}
}

/2013.08.14_ToggleButton_demo/src/com/wwj/toggle/DisplayUtils.java

package com.wwj.toggle;

import android.content.Context;

public class DisplayUtils {
public static int dip2px(Context context, float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
} public static int px2dip(Context context, float pxValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (pxValue / scale + 0.5f);
} public static int getScreenWidth(Context context) {
return context.getResources().getDisplayMetrics().widthPixels;
} public static int getScreenHeight(Context context) {
return context.getResources().getDisplayMetrics().heightPixels;
}
}

/2013.08.14_ToggleButton_demo/src/com/wwj/toggle/ToggleListener.java
package com.wwj.toggle;

import android.content.Context;
import android.view.Gravity;
import android.view.animation.TranslateAnimation;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.ImageButton;
import android.widget.RelativeLayout;
import android.widget.ToggleButton; /**
* 状态按钮的监听事件
*
* @author wwj
*
*/
public class ToggleListener implements OnCheckedChangeListener {
private Context context;
private String settingName;
private ToggleButton toggle;
private ImageButton toggle_Button; public ToggleListener(Context context, String settingName,
ToggleButton toggle, ImageButton toggle_Button) {
this.context = context;
this.settingName = settingName;
this.toggle = toggle;
this.toggle_Button = toggle_Button;
} @Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
// 保存设置
if ("自动播放".equals(settingName)) {
SettingUtils.set(context, SettingUtils.AUTO_PLAY, isChecked);
} else if ("开机自启动".equals(settingName)) {
SettingUtils.set(context, SettingUtils.IS_AUTO_START, isChecked);
}
// 播放动画
RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) toggle_Button
.getLayoutParams();
if (isChecked) {
// 调整位置
params.addRule(RelativeLayout.ALIGN_RIGHT, -1);
if ("自动播放".equals(settingName)) {
params.addRule(RelativeLayout.ALIGN_LEFT, R.id.toggle_AutoPlay);
} else if ("开机自启动".equals(settingName)) {
params.addRule(RelativeLayout.ALIGN_LEFT,
R.id.toggle_StartOnBoot);
}
toggle_Button.setLayoutParams(params);
toggle_Button.setImageResource(R.drawable.progress_thumb_selector);
toggle.setGravity(Gravity.RIGHT | Gravity.CENTER_VERTICAL);
// 播放动画
TranslateAnimation animation = new TranslateAnimation(
DisplayUtils.dip2px(context, 40), 0, 0, 0);
animation.setDuration(200);
toggle_Button.startAnimation(animation);
} else {
// 调整位置
if ("自动播放".equals(settingName)) {
params.addRule(RelativeLayout.ALIGN_RIGHT, R.id.toggle_AutoPlay);
} else if ("开机自启动".equals(settingName)) {
params.addRule(RelativeLayout.ALIGN_RIGHT,
R.id.toggle_StartOnBoot);
}
params.addRule(RelativeLayout.ALIGN_LEFT, -1);
toggle_Button.setLayoutParams(params);
toggle_Button
.setImageResource(R.drawable.progress_thumb_off_selector); toggle.setGravity(Gravity.LEFT | Gravity.CENTER_VERTICAL);
// 播放动画
TranslateAnimation animation = new TranslateAnimation(
DisplayUtils.dip2px(context, -40), 0, 0, 0);
animation.setDuration(200);
toggle_Button.startAnimation(animation);
}
} }


Android记录4--自定义ToggleButton+用SharedPreferences保存用户配置的更多相关文章

  1. Android 自定义ToggleButton+用SharedPreferences保存用户配置

    布局文件:   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" androi ...

  2. Android之使用SharedPreferences保存用户偏好参数

    在Android应用中,我们常需要记录用户设置的一些偏好参数,,此时我们就需要用SharedPreferences和Editor将这些信息保存下来,在下次登录时读取. SharedPreference ...

  3. 黎活明8天快速掌握android视频教程--16_采用SharedPreferences保存用户偏好设置参数

    SharedPreferences保存的数据是xml格式,也是存在数据保存的下面四种权限: 我们来看看 我们来看看具体的业务操作类: /** * 文件名:SharedPrecences.java * ...

  4. 使用SharedPreferences存储用户配置信息

    用SharedPreferences来保存用户的基本配置信息非常的方便,实现起来也很容易:以下是一个简单的例子: 效果截图:    主要代码: public class MainActivity ex ...

  5. 16_采用SharedPreferences保存用户偏好设置参数

    按钮事件 <Button android:id="@+id/button" android:layout_width="wrap_content" and ...

  6. SharedPreferences保存用户登录信息

    UI界面:

  7. SharedPreferences保存用户偏好参数

    package com.example.administrator.myapplication; import android.content.Context; import android.cont ...

  8. Servlet之保存用户偏好设置简单功能的实现

    写在前面: 先来陈述一下为什么会有这样一个需求和这篇博文. 这是公司的一个项目,我们负责前端,后台服务由其他公司负责.该系统有一个系统偏好设置模块,用户可以设置系统的背景图片等系统样式,因为这是一个比 ...

  9. Android SharedPreferences保存和读取对象

    SharedPreferences保存和读取对象 1.首先要序列化对象(以下是序列化实体类的样例,不方便贴出实体类全部的代码) public class LoginResult extends Bas ...

随机推荐

  1. uva424 高精度计算

    题意是计算各长整数的和,最多输入100个数,每个数都是正整数且位数不超过100. 很明显100位的数用数组存会方便许多,然后设置两个整型数组,一个存进位,一个存结果.为了对齐进行运算,我将所有的数先逆 ...

  2. Android Sdk 国内镜像下载地址

    大连东软信息学院镜像服务器地址:- http://mirrors.neusoft.edu.cn 端口:80北京化工大学镜像服务器地址:- IPv4: http://ubuntu.buct.edu.cn ...

  3. RHEL6.4 NFS文件共享服务搭建

    NFS文件共享服务 1 实验方案 使用2台RHEL6.4虚拟机,其中一台作为NFS共享服务器(192.168.100.1).另外一台作为测试用的NFS客户机(192.168.100.2) 2.实现 2 ...

  4. 使用tcpdump抓Android网络包

    1 抓包原理 tcpdump(需Root用户运行)拦截和显示发送或收到过网络连接到该机器的TCP/IP和其他数据包.简单说就监控手机进出网络数据. 2 方法优劣 2.1优点 1.手机数据包无遗漏 2. ...

  5. C++读写EXCEL文件OLE,java读写excel文件POI 对比

    C++读写EXCEL文件方式比较 有些朋友问代码的问题,将OLE读写的代码分享在这个地方,大家请自己看.http://www.cnblogs.com/destim/p/5476915.html C++ ...

  6. oralce dubugs

    1,The listener supports no services 2,invalid specification for system parameter LOCAL_LISTENER crea ...

  7. openStack开源云repo db local or on-line 实战部署之Ruiy王者归来

    preface/pre,获取OpenStack核心模块组件及其子组件包(当前仅针对centos6*)及其依赖包 eg,picture

  8. cocos2d-x 多点触控实现缩放及相关问题的解决方法

    首先,来看下代码: 声明文件: #ifndef __loading__MoreTouches__ #define __loading__MoreTouches__ #include <iostr ...

  9. 苹果新的编程语言 Swift 语言进阶(六)--函数和闭包

    一 .函数 1.1. 函数的定义和调用 函数的定义以funckeyword作为前缀,接着是函数名字,接着跟着一个能够带有參数.也能够不带參数的圆括号.接着用-> 指示函数的返回类型. 函数运行体 ...

  10. JS 在html中的位置

    前言 当我了解完html在浏览器中的解析渲染流程后,反而又发现了新的困扰自己的问题. Q:即然html要渲染需要渲染树,而渲染树又需要DOMTree和CSSRuleTree,DOMTree需要解析HT ...