一个简单的智能家居系统
- 效果展示
- 启动应用界面
- 登陆界面
- 导航界面
- 温度界面
- 湿度界面
- 烟雾传感器界面
- 人体红外传感器界面
效果展示
以下为整个程序的操作流程，因为不能上传太大文件，所以画质比较模糊。
启动应用界面
先来看一下启动界面：效果图如下：
这是一个比较简单的布局由一个ImageView,Textview,Switch组成
其中Switch组件的样式由俩个文件组成，thumb.xml,track.xml(都在Drawable文件里面创建)
thumb.xml文件代码：
其实两个Item都是一样的效果，因为thumb代表的滑动的轨迹，可以理解为滑块。一个是被按下的状态，一个是普通时的状态
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:drawable="@drawable/open_thumb"/>
<item android:drawable="@drawable/shut_thumb"/>
</selector>因为两个item都是一样的，那我们就分析其中一个item,下面为滑块的效果
open_thumb.xml代码如下：
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<!-- 高度40 -->
<size android:height="40dp" android:width="40dp"/>
<!-- 圆角弧度 20 -->
<corners android:radius="20dp"/>
<!-- 渐变色 -->
<gradient
android:endColor="#eeeeee"
android:startColor="#eeeeee" />
<!--描边的大小和颜色-->
<stroke android:width="1dp"
android:color="#33da33"/>
</shape>我们接下来看一下承载滑块容易的track.xml他们同样表示两种状态，但他们是不一样的效果，因为为了突出滑动与未滑动的区别，所以背景色不一样，代码如下：
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:drawable="@drawable/open_track"/>
<item android:drawable="@drawable/shut_track"/>
</selector>我们看一个open_track.xml文件效果和代码
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- 高度30 此处设置宽度无效-->
<size android:height="40dp"/>
<!-- 圆角弧度 15 -->
<corners android:radius="15dp"/>
<!-- 变化率 定义从左到右的颜色不变 -->
<gradient
android:endColor="#66ff33"
android:startColor="#66ff33" />
</shape>看一下未滑动时的状态布局文件shut_track.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<size android:height="40dp" android:width="40dp"/>
<corners android:radius="20dp"/>
<gradient android:startColor="#eeeeee"
android:endColor="#eeeeee"/>
<stroke android:width="1dp"
android:color="#666666"/>
</shape>看一下整体welcome.xml布局文件的代码如下：
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/background1">
<ImageView
android:id="@+id/image"
android:layout_width="150dp"
android:layout_height="150dp"
android:src="@drawable/home"
android:layout_gravity="center"
android:layout_marginTop="100dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="智能家居"
android:textSize="30sp"
android:layout_gravity="center"
android:layout_marginLeft="0dp"
android:textColor="#00ffcc"
android:layout_marginTop="20dp"
/>
<Switch
android:id="@+id/Open"
android:layout_width="100dp"
android:layout_height="100dp"
android:thumb="@drawable/thumb"
android:track="@drawable/track"
android:layout_gravity="center"
android:layout_marginTop="50dp"
android:layout_marginRight="15dp"/>
</LinearLayout>然后分析一下Welcome.java代码
代码组成也比较简单，主要是在标题栏添加添加一个back键，并设置此键的功能为返回桌面(这种方式并为杀死进程，只是退出到界面，一个finish()方法也仅仅结束当前页，如果栈里面存在多个实例，并不会杀死进程，只会反复在几个页面跳转，杀死进程可以使用广播的方式，此处略过)。然后就是声明Switch控件，并对他进行监听，然后进行一个判断，如果滑动了就跳转到登陆界面
public class Welcome extends AppCompatActivity {
private Switch Open;
private ImageView imageView;
private List<Activity> list = new ArrayList<>();
private ExitAllProcess exit = new ExitAllProcess();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_welcom);
// exit.addActivity(this);
// imageView = findViewById(R.id.image);
// Intent intent = getIntent();
// Bundle bundle = intent.getExtras();
// int view = bundle.getInt("Customview");
// imageView.setImageResource(view);
SetTitle();
Open = findViewById(R.id.Open);
Open.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if (isChecked){
Intent intent = new Intent(Welcome.this,Login.class);
startActivity(intent);
}
}
});
}
private void SetTitle() {
ActionBar actionBar = getSupportActionBar();
if (actionBar != null) {
actionBar.setDisplayHomeAsUpEnabled(true);
actionBar.setHomeButtonEnabled(true);
}
}
@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()){
case android.R.id.home:
Intent MyIntent = new Intent(Intent.ACTION_MAIN);
MyIntent.addCategory(Intent.CATEGORY_HOME);
startActivity(MyIntent);
finish();
break;
}
return super.onOptionsItemSelected(item);
}
}登陆界面
界面如下：
login.xml布局文件代码如下：
布局较为简单，那个小眼睛就显示密码和隐藏密码，然后采用一些自定义Drawable，把EditText弄的圆一点，美观一点，其余没什么。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/background">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:orientation="vertical">
<ImageView
android:layout_width="150dp"
android:layout_height="100dp"
android:layout_gravity="center"
android:layout_marginTop="50dp"
android:layout_marginLeft="30dp"
android:src="@drawable/home"
android:scaleType="fitStart"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="智能家居"
android:gravity="center"
android:layout_gravity="center"
android:textSize="30sp"
android:textColor="#000000"
android:layout_marginBottom="30dp"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginBottom="10dp">
<TextView
android:layout_width="70dp"
android:layout_height="50dp"
android:text="账 号："
android:textSize="20sp"
android:textColor="#000000"
android:layout_marginLeft="20dp"/>
<EditText
android:id="@+id/username"
android:layout_width="260dp"
android:layout_height="40dp"
android:background="@drawable/passwordbox"
android:hint="用户名"
android:paddingLeft="10dp"
android:textColor="#ff000000"
android:textSize="20sp"
android:layout_marginLeft="0dp"/>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#000000" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="60dp"
>
<TextView
android:id="@+id/TipsPassWord"
android:layout_width="70dp"
android:layout_height="50dp"
android:text="密 码："
android:textSize="20sp"
android:textColor="#000000"
android:layout_marginTop="25dp"
android:layout_marginLeft="20dp"/>
<EditText
android:id="@+id/password"
android:layout_width="260dp"
android:layout_height="40dp"
android:background="@drawable/passwordbox"
android:hint="密 码"
android:paddingLeft="10dp"
android:textColor="#ff000000"
android:textSize="20sp"
android:password="true"
android:layout_toRightOf="@+id/TipsPassWord"
android:layout_marginTop="20dp"/>
<ImageView
android:id="@+id/notseethepassword"
android:layout_width="50dp"
android:layout_height="50dp"
android:scaleType="fitCenter"
android:background="@drawable/passwordbox"
android:layout_marginLeft="300dp"
android:layout_marginTop="20dp"/>
<!--<ImageButton
android:id="@+id/seethepassword"
android:layout_width="60dp"
android:layout_height="50dp"
android:src="@mipmap/openeye"
android:scaleType="fitCenter"
android:background="#ffffff"
android:layout_marginLeft="320dp"
android:visibility="invisible"
/>-->
</RelativeLayout>
<Button
android:id="@+id/login"
android:layout_width="150dp"
android:layout_height="wrap_content"
android:layout_marginLeft="130dp"
android:text="登 陆"
android:textColor="#ffffffff"
android:textSize="20sp"
android:background="@drawable/login"
android:layout_marginTop="40dp"
/>
</LinearLayout>那我们现在看一下Login.java里面的代码：
其中一部分登陆是登陆新大陆云平台的方法，因为底层硬件获取的数据都是上传到云平台的，但是为了方便看效果，后面均以获取随机数据为基准。
其中的 SetTitle();方法和Welcome界面一样，添加一个back键，但是触发事件不一样，这个的功能是返回到Welcome界面。然后就是小眼睛那部分代码，实际就是给Imageview注册一个点击事件，然后点击之后换一张图片，然后利用EditText的属性将密码隐藏和显示，新大陆那一块可以省略，然后点击登陆跳转到导航界面。
//隐藏密码
PassWord.setTransformationMethod(PasswordTransformationMethod.getInstance());
//显示密码
PassWord.setTransformationMethod(HideReturnsTransformationMethod.getInstance());public class Login extends AppCompatActivity {
private Button Login;
private EditText UserName,PassWord;
private ImageView NotSeePassWord;
private boolean Smalleye = true;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_login2);
InitView();
OnClick();
SetTitle();
NotSeePassWord.setImageResource(R.drawable.closeeye);//设置初始化密码为不可见图片
}
private void InitView(){
Login = findViewById(R.id.login);
UserName = findViewById(R.id.username);
PassWord = findViewById(R.id.password);
// SeeThePassWord = findViewById(R.id.seethepassword);
NotSeePassWord = findViewById(R.id.notseethepassword);
}
private void OnClick(){
OnClick onClick = new OnClick();
Login.setOnClickListener(onClick);
//SeeThePassWord.setOnClickListener(onClick);
NotSeePassWord.setOnClickListener(onClick);
}
private class OnClick implements View.OnClickListener{
@Override
public void onClick(View v) {
switch (v.getId()){
case R.id.login:
SignIn();
break;
case R.id.notseethepassword:
if (Smalleye == true)
{
SeeThePassWordMethod();
Smalleye = !Smalleye;
}else {
NotSeeThePassWordMethod();
Smalleye = !Smalleye;
}
break;
}
}
}
private void NotSeeThePassWordMethod(){
NotSeePassWord.setImageResource(R.drawable.closeeye);
PassWord.setTransformationMethod(PasswordTransformationMethod.getInstance());
}
private void SeeThePassWordMethod(){
NotSeePassWord.setImageResource(R.drawable.openeye);
PassWord.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
}
private void SignIn(){
String platformAddress = NewloadParameter.IP_DEFAULT_VALUE; //网址加端口号
String LoginUserName = UserName.getText().toString();
String LoginPassWord = PassWord.getText().toString();
if (TextUtils.isEmpty(platformAddress)){
Toast.makeText(this,"请配置新大陆云平台信息",Toast.LENGTH_SHORT).show();
return;
}
if (TextUtils.isEmpty(LoginUserName) || TextUtils.isEmpty(LoginPassWord)){
Toast.makeText(this,"账号或者密码不能为空",Toast.LENGTH_SHORT).show();
return;
}
if (!LoginPassWord.equals("123456")){
Toast.makeText(this,"账号或者密码错误",Toast.LENGTH_SHORT).show();
return;
}
if (!LoginUserName.equals("admin")){
Toast.makeText(this,"账号或者密码错误",Toast.LENGTH_SHORT).show();
return;
}
if (LoginPassWord.equals("123456") && LoginUserName.equals("admin")){
Intent intent = new Intent(Login.this,ChooseInterface.class);
startActivity(intent);
}
NetWorkBusiness netWorkBusiness = new NetWorkBusiness("",platformAddress);
netWorkBusiness.signIn(new SignIn(LoginUserName, LoginPassWord), new NCallBack<BaseResponseEntity<User>>(getApplicationContext()) {
@Override
protected void onResponse(BaseResponseEntity<User> response) {
}
@Override
public void onResponse(Call<BaseResponseEntity<User>> call, Response<BaseResponseEntity<User>> response) {
super.onResponse(call, response);
BaseResponseEntity<User> baseResponseEntity = response.body(); //获取请求
if (baseResponseEntity != null){
//获取访问令牌
String accestoken = baseResponseEntity.getResultObj().getAccessToken();
Intent intent = new Intent(Login.this,ChooseInterface.class);
Bundle bundle = new Bundle();
bundle.putString("accestoken",accestoken);
intent.putExtras(bundle); // 传递令牌
startActivity(intent);
finish();
}
}
});
}
private void SetTitle() {
ActionBar actionBar = getSupportActionBar();
if (actionBar != null) {
actionBar.setDisplayHomeAsUpEnabled(true);
actionBar.setHomeButtonEnabled(true);
}
}
@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()){
case android.R.id.home:
Intent intent = new Intent(Login.this, Welcome.class);
startActivity(intent);
break;
}
return super.onOptionsItemSelected(item);
}
}导航界面
效果图如下：
代码较为简单，并不复杂，同样是使用自定义Drawable优化界面，然后一个搜索栏，这个搜索栏也是比较low的，并没有去自定义view，而是搜索那几个关键字，然后给那个图片这个一个点击事件，然后进行页面跳转。
布局文件代码如下:
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:ndroid="http://schemas.android.com/apk/res-auto"
tools:context=".ChooseInterface">
<!--返回按钮
<Button
android:id="@+id/back"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="gone"/>-->
<!--温度导航-->
<!--搜索栏-->
<EditText
android:id="@+id/SearchBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/searchbox"
android:layout_marginTop="20dp"
android:layout_marginLeft="10dp"
android:hint="搜索"
android:gravity="center"
/>
<ImageView
android:id="@+id/SearchImage"
android:layout_width="35dp"
android:layout_height="35dp"
android:src="@drawable/search"
android:layout_marginTop="20dp"
android:layout_marginLeft="30dp"/>
<GridLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:columnCount="3"
android:rowCount="3"
android:layout_marginTop="80dp">
<LinearLayout
android:id="@+id/TmpBox"
android:layout_width="150dp"
android:layout_height="160dp"
android:background="@drawable/tmpbox"
android:layout_marginLeft="20dp"
android:layout_marginTop="20dp"
android:orientation="vertical"
android:layout_row="0"
android:layout_column="0">
<ImageView
android:layout_width="70dp"
android:layout_height="70dp"
android:src="@drawable/tmp"
android:layout_marginTop="10dp"
android:layout_marginLeft="40dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="温度"
android:layout_marginTop="20dp"
android:layout_marginLeft="55dp"
android:textSize="20sp"
android:textColor="#B22222"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="45dp"
android:layout_marginTop="10dp"
android:text="空调冷暖气设置"
android:textColor="#B22222"
android:textSize="10sp" />
</LinearLayout>
<!--湿度导航-->
<LinearLayout
android:id="@+id/HumBox"
android:layout_width="150dp"
android:layout_height="160dp"
android:background="@drawable/humbox"
android:orientation="vertical"
android:layout_marginLeft="30dp"
android:layout_marginTop="20dp"
android:layout_row="0"
android:layout_column="1">
<ImageView
android:layout_width="70dp"
android:layout_height="70dp"
android:src="@drawable/hum"
android:layout_marginLeft="40dp"
android:layout_marginTop="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="湿度"
android:layout_marginTop="20dp"
android:layout_marginLeft="55dp"
android:textSize="20sp"
android:textColor="#B22222"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="有关天气情况"
android:layout_marginTop="10dp"
android:layout_marginLeft="45dp"
android:textSize="10sp"
android:textColor="#B22222" />
</LinearLayout>
<!--烟雾导航-->
<!--红外传感器导航-->
<LinearLayout
android:id="@+id/SmokeBox"
android:layout_width="150dp"
android:layout_height="160dp"
android:layout_row="1"
android:layout_column="0"
android:layout_below="@+id/TmpBox"
android:layout_marginLeft="20dp"
android:layout_marginTop="30dp"
android:background="@drawable/smokebox"
android:orientation="vertical">
<ImageView
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_marginLeft="40dp"
android:layout_marginTop="15dp"
android:src="@drawable/yanwu" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="55dp"
android:layout_marginTop="20dp"
android:text="烟雾"
android:textColor="#000000"
android:textSize="20sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="45dp"
android:layout_marginTop="10dp"
android:text="查看烟雾传感器"
android:textColor="#000000"
android:textSize="10sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/InfraredBox"
android:layout_width="150dp"
android:layout_height="160dp"
android:background="@drawable/infraredbox"
android:layout_below="@+id/HumBox"
android:orientation="vertical"
android:layout_marginLeft="30dp"
android:layout_marginTop="30dp"
android:layout_row="1"
android:layout_column="1">
<ImageView
android:layout_width="70dp"
android:layout_height="70dp"
android:src="@drawable/hongwai"
android:layout_marginLeft="40dp"
android:layout_marginTop="15dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="红外"
android:layout_marginTop="20dp"
android:layout_marginLeft="55dp"
android:textSize="20sp"
android:textColor="#ffffff"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="查看红外传感器"
android:layout_marginTop="10dp"
android:layout_marginLeft="45dp"
android:textSize="10sp"
android:textColor="#ffffff" />
</LinearLayout>
</GridLayout>
</RelativeLayout>看一下java部分代码：
SetTitle();和前面一样，此处省略，这个比较简单，就是几个页面的跳转，此处也省略。
public class ChooseInterface extends AppCompatActivity {
private LinearLayout TmpView,HumView,SmokeView,InfraredView;
private EditText SearchBar;
private String SearchBarContent;
private ImageView SearchImage;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_choose_interface);
InitView();
setListener();
SearchContent();
SetTitle();
}
private void SetTitle(){
ActionBar actionBar = getSupportActionBar();
if (actionBar != null){
actionBar.setDisplayHomeAsUpEnabled(true);
actionBar.setHomeButtonEnabled(true);
}
}
@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()){
case android.R.id.home:
Intent intent = new Intent(ChooseInterface.this,Login.class);
startActivity(intent);
break;
}
return super.onOptionsItemSelected(item);
}
private class OnClick implements View.OnClickListener{
@Override
public void onClick(View v) {
Intent intent = null;
switch (v.getId()){
case R.id.TmpBox:
intent = new Intent(ChooseInterface.this,TmpInterface.class);
break;
case R.id.HumBox:
intent = new Intent(ChooseInterface.this,HumInterface.class);
break;
case R.id.SmokeBox:
intent = new Intent(ChooseInterface.this,MainActivity.class);
break;
case R.id.InfraredBox:
intent = new Intent(ChooseInterface.this,InfraredInterface.class);
break;
}
startActivity(intent);
}
}
private void setListener(){
OnClick onClick = new OnClick();
TmpView.setOnClickListener(onClick);
HumView.setOnClickListener(onClick);
SmokeView.setOnClickListener(onClick);
InfraredView.setOnClickListener(onClick);
}
private void InitView(){
TmpView = findViewById(R.id.TmpBox);
HumView = findViewById(R.id.HumBox);
SmokeView = findViewById(R.id.SmokeBox);
InfraredView = findViewById(R.id.InfraredBox);
SearchBar = findViewById(R.id.SearchBar);
SearchImage = findViewById(R.id.SearchImage);
}
private void SearchContent() {
SearchImage.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = null;
SearchBarContent = SearchBar.getText().toString().trim();
switch (SearchBarContent){
case "温度":
intent = new Intent(ChooseInterface.this,TmpInterface.class);
break;
case "湿度":
intent = new Intent(ChooseInterface.this,HumInterface.class);
break;
case "烟雾":
intent = new Intent(ChooseInterface.this,MainActivity.class);
break;
case "红外":
intent = new Intent(ChooseInterface.this,InfraredInterface.class);
break;
}
startActivity(intent);
}
});
}
}温度界面
先看一下效果：
两个Switch,一个控制风扇的旋转，一个控制灯泡的亮和灭，下面是一个SeekBar,下面那个SeekBar是自定义过的，和Switch一样改一下滑块和背景，根据滑动的大小，表示一个温度值，温度大小控制风扇和灯，风扇的旋转是采用动画，在java部分详细介绍。
看一下java部分：
其余比较简单，我们就看一下InitAnimation();部分：
逐句解释：
第一句获取资源文件，有两个参数，第一个是Context上下文，第二个是图片要变化的文件，一般创建一个anim包，然后里面存放一些文件，比如我这里建了一个rotate文件，里面主要写了从那个角度开始旋转，旋转模式等
第二句：设置持续时间
第三句：设置重复模式（“restart” =从头开始 或者 “reverse”=从末尾开始）
第四句：是否当旋转完之后，继续从当前方向旋转
下面为插值器，因为我要的效果并不是很好，所以并没有使用。
private void InitAnimation(){
animation = AnimationUtils.loadAnimation(TmpInterface.this,R.anim.rotate);
animation.setDuration(1000);
//animation.setRepeatCount(-1); //无限旋转
animation.setRepeatMode(1);
animation.setFillAfter(true);
// CycleInterpolator interpolator = new CycleInterpolator(1);
// animation.setInterpolator(interpolator);
}public class TmpInterface extends AppCompatActivity {
private TextView TmpValue;
private SeekBar seekBar;
private Switch ControlFan,ControlLamp;
private ImageView Fan,CloseLamp,OpenLamp;
private Animation animation;
private static int size;
private Button Back;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_tmp_interface);
SetTitle();
InitView();
InitAnimation();
seekBar.setMax(50);//设置最大值
seekBar.setProgress(0);//设置当前值
seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
@Override
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
size = progress;
TmpValue.setText("温度: "+size+"℃");
if (size > 30){
Fan.startAnimation(animation);
}else {
Fan.clearAnimation();
}
if (size < 15){
OpenLamp.setVisibility(View.VISIBLE);
CloseLamp.setVisibility(View.INVISIBLE);
}else {
OpenLamp.setVisibility(View.INVISIBLE);
CloseLamp.setVisibility(View.VISIBLE);
}
}
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
}
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
}
});
ControlFan.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if (ControlFan.isChecked()){
Fan.startAnimation(animation);
}else {
Fan.clearAnimation();
}
}
});
ControlLamp.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if (ControlLamp.isChecked()){
OpenLamp.setVisibility(View.VISIBLE);
CloseLamp.setVisibility(View.INVISIBLE);
}else {
OpenLamp.setVisibility(View.INVISIBLE);
CloseLamp.setVisibility(View.VISIBLE);
}
}
});
}
//设置标题栏返回按钮
private void SetTitle(){
ActionBar actionBar = getSupportActionBar();
if (actionBar != null){
actionBar.setDisplayHomeAsUpEnabled(true);
actionBar.setHomeButtonEnabled(true);
}
}
private void InitView(){
seekBar = findViewById(R.id.CustomSeekBar);
TmpValue = findViewById(R.id.TmpText);
ControlFan = findViewById(R.id.FansSwitch);
ControlLamp = findViewById(R.id.LampSwitch);
CloseLamp = findViewById(R.id.ShutLamp);
OpenLamp = findViewById(R.id.OpenLamp);
Fan = findViewById(R.id.fans);
Back = findViewById(R.id.back);
}
private void InitAnimation(){
animation = AnimationUtils.loadAnimation(TmpInterface.this,R.anim.rotate);
animation.setDuration(1000);
//animation.setRepeatCount(-1); //无限旋转
animation.setRepeatMode(1);
animation.setFillAfter(true);
// CycleInterpolator interpolator = new CycleInterpolator(1);
// animation.setInterpolator(interpolator);
}
// @Override
// public boolean onCreateOptionsMenu(Menu menu) {
// MenuInflater inflater = getMenuInflater();
// inflater.inflate(R.menu.test_menu, menu);
// return super.onCreateOptionsMenu(menu);
// }
//对Menu中菜单中子项进行控制
@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()){
case android.R.id.home:
Intent intent = new Intent(TmpInterface.this,ChooseInterface.class);
startActivity(intent);
break;
}
return super.onOptionsItemSelected(item);
}
}湿度界面
效果如下：
此界面比较简单，一个RecyclerView控件，然后一个Button跳转到地图界面，关于地图界面请参考前面文章百度地图跳转链接
看一下布局文件代码：
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".HumInterface"
android:background="@drawable/background8"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="20dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="今天当前:"
android:layout_marginLeft="10dp"
android:textSize="17sp"/>
<!--显示天气，例如下雨，开太阳-->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="阵雨"
android:textSize="17sp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="气温:"
android:textSize="17sp"/>
<!--显示当前气温-->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="9℃"
android:textSize="17sp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="预计今天最高气温:"
android:textSize="17sp"/>
<!--显示今天最高气温-->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="12℃"
android:textSize="17sp"/>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#000000"
android:layout_marginTop="10dp"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="空气质量"
android:layout_marginTop="10dp"
android:layout_marginLeft="40dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="AQI(CN)"
android:layout_marginLeft="200dp"
android:layout_marginTop="10dp"
/>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#000000"
android:layout_marginTop="10dp"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="22"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"
android:textSize="25sp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="——"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"
android:textSize="20sp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="优"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"
android:textSize="25sp"
/>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#000000"
android:layout_marginTop="10dp"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="10dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="株洲市的监测站读数。"
android:layout_marginLeft="20dp"
android:textSize="17sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="上次更新：1小时之内"/>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#000000"
android:layout_marginTop="10dp"/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="400dp"
android:layout_marginTop="0dp">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/MyRecycler"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>
</RelativeLayout>
<Button
android:id="@+id/ToMap"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="点击此处:在地图中打开"
android:textSize="20sp"
android:background="#00000000"
android:layout_gravity="center" />
</LinearLayout>java部分：
public class HumInterface extends AppCompatActivity {
private RecyclerView MyRecycler;
private MyRecyclerView Adapter;
private Button ToMap;
private List<WeatherData> list = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_hum_interface);
MyRecycler = findViewById(R.id.MyRecycler);
ToMap = findViewById(R.id.ToMap);
LinearLayoutManager manager = new LinearLayoutManager(HumInterface.this);
MyRecycler.setLayoutManager(manager);
Adapter = new MyRecyclerView(list);
MyRecycler.setAdapter(Adapter);
ListData();
SetTitle();
ToMap.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = new Intent(HumInterface.this,Map.class);
startActivity(intent);
}
});
}
private void ListData(){
String[] GetWeatherData = {"日出","日落","06：31","18：38","降雨概率","湿度","50%","96%","风向","体感温度","北","6℃","降雨量","气压","5.8mm","1016百帕","能见度","紫外线指数","8.1Km","0"};
for (int i = 0; i < 10 ; i=i+2) {
for(int j = 0; j < 1; j++){
WeatherData data = new WeatherData(GetWeatherData[i],GetWeatherData[i+1]);
list.add(data);
}
}
}
//对标题栏返回按钮进行显示
private void SetTitle(){
ActionBar actionBar = getSupportActionBar();
if (actionBar != null){
actionBar.setDisplayHomeAsUpEnabled(true);
actionBar.setHomeButtonEnabled(true);
}
}
//对返回按钮进行操作
@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()){
case android.R.id.home:
Intent intent = new Intent(HumInterface.this,ChooseInterface.class);
startActivity(intent);
break;
}
return super.onOptionsItemSelected(item);
}
}烟雾传感器界面
此界面与上面的界面雷同，因为实在不知道构造一个什么界面了，数据均为随机获取
看一下布局代码:
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/background5">
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/Title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
android:text="智能家居"
android:textSize="30sp"
android:layout_marginTop="10dp"
android:textColor="#000000"
/>
<View
android:layout_marginTop="50dp"
android:layout_width="400dp"
android:layout_height="1dp"
android:background="#000000"
/>
<LinearLayout
android:id="@+id/Layout_1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:layout_marginTop="10dp">
<ImageView
android:id="@+id/OnLine"
android:layout_width="60dp"
android:layout_height="60dp"
android:src="@drawable/notonline"
android:layout_marginTop="55dp"
android:layout_marginLeft="15dp"/>
<!--
<TextView
android:id="@+id/WhetherOnLine"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="是否在线："
android:textSize="25dp"
android:layout_marginTop="70dp"
android:layout_marginLeft="20dp"
android:enabled="false"
android:textColor="#000"/>-->
<TextView
android:id="@+id/Status"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="状态 :"
android:textSize="20dp"
android:layout_marginTop="70dp"
android:layout_marginLeft="30dp"
android:enabled="false"
android:textColor="#000"/>
<TextView
android:id="@+id/WhetherOnLine"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="离线"
android:textSize="20dp"
android:layout_marginTop="70dp"
android:layout_marginLeft="30dp"
android:enabled="false"
android:textColor="#C2C2C2"/>
<ImageButton
android:id="@+id/bindNetWork"
android:layout_width="60dp"
android:layout_height="50dp"
android:src="@drawable/bingonline"
android:layout_marginTop="60dp"
android:layout_marginLeft="30dp"
android:background="#00000000"
android:scaleType="fitCenter" />
</LinearLayout>
<ImageView
android:id="@+id/NotOnLine"
android:layout_width="80dp"
android:layout_height="100dp"
android:src="@drawable/online"
android:layout_marginTop="45dp"
android:layout_marginLeft="15dp"
android:visibility="invisible"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:layout_marginTop="110dp">
<ImageView
android:id="@+id/tmp"
android:layout_width="60dp"
android:layout_height="70dp"
android:src="@drawable/tmp"
android:layout_marginLeft="15dp"
android:layout_marginTop="20dp"/>
<TextView
android:id="@+id/tmp_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="40dp"
android:enabled="false"
android:text="温度："
android:textColor="#000"
android:textSize="20dp" />
<TextView
android:id="@+id/TmpValue"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="20"
android:textSize="20dp"
android:layout_marginTop="40dp"
android:textColor="#ff0000"/>
<!--
<TextView
android:id="@+id/sheshidu"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textSize="20dp"
android:layout_marginTop="28dp"
android:textColor="#000"
android:layout_marginLeft="5dp"/>-->
<!---->
<ImageView
android:id="@+id/hum"
android:layout_width="60dp"
android:layout_height="60dp"
android:src="@drawable/hum"
android:layout_marginLeft="10dp"
android:layout_marginTop="20dp"/>
<TextView
android:id="@+id/hum_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="湿度："
android:textSize="20dp"
android:layout_marginTop="40dp"
android:enabled="false"
android:textColor="#000"/>
<TextView
android:id="@+id/HumValue"
android:layout_width="80dp"
android:layout_height="50dp"
android:text="25"
android:textSize="20dp"
android:layout_marginTop="40dp"
android:textColor="#ff0000"/>
<!--
<TextView
android:id="@+id/RH"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="φ"
android:textSize="20dp"
android:layout_marginTop="30dp"
android:textColor="#000"
android:layout_marginLeft="5dp"/>-->
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="200dp">
<ImageView
android:id="@+id/yanwu"
android:layout_width="70dp"
android:layout_height="70dp"
android:src="@drawable/yanwu"
android:layout_marginLeft="20dp"
android:layout_marginTop="20dp"/>
<TextView
android:id="@+id/yanwu_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="烟雾："
android:textSize="20dp"
android:layout_marginTop="40dp"
android:enabled="false"
android:textColor="#000"
android:layout_marginLeft="5dp"/>
<TextView
android:id="@+id/SmokeTotal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="20"
android:textSize="20dp"
android:layout_marginTop="40dp"
android:textColor="#ff0000"/>
<!---->
<ImageView
android:id="@+id/hongai"
android:layout_width="60dp"
android:layout_height="60dp"
android:src="@drawable/hongwai"
android:layout_marginLeft="25dp"
android:layout_marginTop="20dp"/>
<TextView
android:id="@+id/hongwai_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="红外："
android:textSize="20dp"
android:layout_marginTop="40dp"
android:enabled="false"
android:textColor="#000"
android:layout_marginLeft="5dp"/>
<TextView
android:id="@+id/InfraredTotal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="2"
android:textSize="20dp"
android:layout_marginTop="40dp"
android:textColor="#ff0000"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="300dp"
android:orientation="horizontal"
>
<ImageView
android:id="@+id/tmpMax"
android:layout_width="70dp"
android:layout_height="70dp"
android:src="@drawable/tmp_up"
android:layout_marginTop="20dp"
android:layout_marginLeft="25dp"/>
<TextView
android:id="@+id/MaxSeekBarText"
android:layout_width="50dp"
android:layout_height="wrap_content"
android:text="0"
android:textSize="25sp"
android:textColor="#ff0000"
android:layout_marginTop="40dp"
android:layout_marginLeft="20dp"/>
<SeekBar
android:id="@+id/tmpMax_SeekBar"
android:layout_width="200dp"
android:layout_height="50dp"
android:layout_marginTop="40dp"
android:layout_marginLeft="20dp"
android:max="50"
android:progress="0"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="400dp"
android:orientation="horizontal"
>
<ImageView
android:id="@+id/tmpMin"
android:layout_width="70dp"
android:layout_height="70dp"
android:src="@drawable/tmp_down"
android:layout_marginTop="20dp"
android:layout_marginLeft="25dp"/>
<TextView
android:id="@+id/MinSeekBarText"
android:layout_width="50dp"
android:layout_height="wrap_content"
android:text="0"
android:textSize="25sp"
android:textColor="#ff0000"
android:layout_marginTop="40dp"
android:layout_marginLeft="20dp"/>
<SeekBar
android:id="@+id/tmpMIN_SeekBar"
android:layout_width="200dp"
android:layout_height="50dp"
android:layout_marginTop="40dp"
android:layout_marginLeft="20dp"
android:max="50"
android:progress="0"/>
</LinearLayout>
<LinearLayout
android:layout_marginTop="500dp"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<ImageView
android:id="@+id/ShutLamp"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@drawable/mie"
android:layout_marginLeft="20dp"
android:visibility="visible"/>
<Switch
android:id="@+id/LampSwitch"
android:layout_width="200dp"
android:layout_height="102dp"
android:thumb="@drawable/thumb"
android:track="@drawable/track" />
</LinearLayout>
<ImageView
android:id="@+id/OpenLamp"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@drawable/dengliang"
android:layout_marginRight="50dp"
android:layout_marginTop="500dp"
android:layout_marginLeft="20dp"
android:visibility="invisible"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="600dp">
<ImageView
android:id="@+id/fans"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@drawable/fans"
android:layout_marginLeft="20dp"
android:layout_marginTop="10dp"/>
<Switch
android:id="@+id/FansSwitch"
android:layout_width="200dp"
android:layout_height="102dp"
android:thumb="@drawable/thumb"
android:track="@drawable/track" />
</LinearLayout>
</RelativeLayout>
</ScrollView>java部分：
讲一下灯泡灭和亮那部分，其实就是在布局的时候两张图片放在同一个位置，一开始亮的图片先设置为不可见，然后通过滑动Switch判断是否切换图片，切换图片的过程就是，设置两张图片的setVisibility属性。
ShutLamp.setVisibility(View.INVISIBLE);
OpenLamp.setVisibility(View.VISIBLE);public class MainActivity extends AppCompatActivity {
private Switch LampSwitch,FansSwitch;
private ImageView OpenLamp,ShutLamp,Fans;
private SeekBar MaxSeekBar,MinSeekBar;
private TextView MaxTmpValue,MinTmpValue,TmpValue,HumVale,SmokeTotal,InfraredTotal;
private Animation animation;
private int MaxValue;
private int MinValue;
private static int RandomInfrared;
private static int RandomSmoke;
private static int RandomHumValue;
private static int RandomMaxTmpValue ; //-100-100
// private static int RandomMinTmpValue = 20 - (int)(Math.random()*101); //-80 --- 0
//private static Boolean BooleanFans = false; //用于判断是否开启风扇
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
InitView();
InitAnimation();
//FirstDefaultExecute();
Delay();
SetTitle();
//灯的开关
LampSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if (LampSwitch.isChecked())
{
ShutLamp.setVisibility(View.INVISIBLE);
OpenLamp.setVisibility(View.VISIBLE);
// OpenLamp.setImageDrawable(getResources().getDrawable(R.drawable.dengliang));
}else{
//灭
OpenLamp.setVisibility(View.INVISIBLE);
ShutLamp.setVisibility(View.VISIBLE);
// ShutLamp.setBackgroundDrawable(getResources().getDrawable(R.drawable.mie));
}
}
});
//风扇开关
FansSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if (FansSwitch.isChecked()){
Fans.startAnimation(animation);
}else { Fans.clearAnimation();
}
}
});
//温度最大值滑动条
MaxSeekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
@Override
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
MaxValue = progress;
MaxTmpValue.setText(MaxValue+"");
Delay();
if (RandomMaxTmpValue > MaxValue){
Fans.startAnimation(animation);
FansSwitch.setChecked(true);
ShutLamp.setVisibility(View.VISIBLE);
OpenLamp.setVisibility(View.INVISIBLE);
LampSwitch.setChecked(false);
}else if (RandomMaxTmpValue < MinValue){
Fans.clearAnimation();
FansSwitch.setChecked(false);
ShutLamp.setVisibility(View.INVISIBLE);
OpenLamp.setVisibility(View.VISIBLE);
LampSwitch.setChecked(true);
}
}
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
}
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
}
});
//温度最小值滑动条
MinSeekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
@Override
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
MinValue = progress * (-1);
MinTmpValue.setText(MinValue+"");
Delay();
if (RandomMaxTmpValue < MinValue ){
Fans.clearAnimation();
FansSwitch.setChecked(false);
ShutLamp.setVisibility(View.INVISIBLE);
OpenLamp.setVisibility(View.VISIBLE);
LampSwitch.setChecked(true);
}else if (RandomMaxTmpValue > MaxValue){
Fans.startAnimation(animation);
FansSwitch.setChecked(true);
ShutLamp.setVisibility(View.VISIBLE);
OpenLamp.setVisibility(View.INVISIBLE);
LampSwitch.setChecked(false);
}
}
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
}
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
}
});
// //String StringTmpValue = TmpValue.getText().toString(); //当前温度值 -- string
// String StringMinTmpValue = MinTmpValue.getText().toString(); //温度下限值
// String StringMaxTmpValue = MaxTmpValue.getText().toString(); //温度上限值
// // int StringToIntTmpValue = Integer.parseInt(StringTmpValue); //当前温度值--int
// int StringToIntTmpMinValue = Integer.parseInt(StringMinTmpValue); //温度下限值
// int StringToIntTmpMaxValue = Integer.parseInt(StringMaxTmpValue); //温度上限值
// //设获取温度区间位0---100之内的随机数
// // int RandomTmpValue = (int)(Math.random()*(100+1)); //随机获取当前温度值
// TmpValue.setText(RandomTmpValue+"");
// //当前大于额定最高温度，开启风扇
// if (RandomTmpValue > StringToIntTmpMaxValue){
// Fans.startAnimation(animation);
// FansSwitch.setChecked(true);
// }
// //当前大于额定最小温度，开启灯泡
// if (RandomTmpValue < StringToIntTmpMinValue) {
// Fans.clearAnimation();
// FansSwitch.setChecked(false);
// ShutLamp.setVisibility(View.INVISIBLE);
// OpenLamp.setVisibility(View.VISIBLE);
// LampSwitch.setChecked(true);
// }
}
private void InitView(){
LampSwitch = findViewById(R.id.LampSwitch); //灯泡开关按钮
FansSwitch = findViewById(R.id.FansSwitch); //风扇开关按钮
OpenLamp = findViewById(R.id.OpenLamp); //灯开的图片
ShutLamp = findViewById(R.id.ShutLamp); //灯关的图片
MaxSeekBar = findViewById(R.id.tmpMax_SeekBar); //滑动条温度的上限值
MinSeekBar = findViewById(R.id.tmpMIN_SeekBar); //滑动条温度的下限值
MaxTmpValue = findViewById(R.id.MaxSeekBarText); //温度的上限值
MinTmpValue = findViewById(R.id.MinSeekBarText); //温度的下限值
Fans = findViewById(R.id.fans); //风扇图片
TmpValue = findViewById(R.id.TmpValue); //当前温度值
HumVale = findViewById(R.id.HumValue); //当前湿度值
SmokeTotal = findViewById(R.id.SmokeTotal); //烟雾传感器总数
InfraredTotal = findViewById(R.id.InfraredTotal); //红外传感器总数
}
// //开启风扇
// private void StartRotateFans(){
// Fans.startAnimation(animation);
//
// }
// //关闭风扇
// private void EndRotateFans(){
// Fans.clearAnimation();
//
// }
private void InitAnimation(){
animation = AnimationUtils.loadAnimation(MainActivity.this,R.anim.rotate);
animation.setDuration(1000);
//animation.setRepeatCount(-1); //无限旋转
animation.setRepeatMode(1);
animation.setFillAfter(true);
// CycleInterpolator interpolator = new CycleInterpolator(1);
// animation.setInterpolator(interpolator);
}
private void Delay(){
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
RandomMaxTmpValue = 50- (int)(Math.random()*(100+1));
RandomHumValue = (int) (Math.random()*100+1);
RandomSmoke = (int) (Math.random()*11);
RandomInfrared = (int) (Math.random()*11);
TmpValue.setText(RandomMaxTmpValue+"℃");
HumVale.setText(RandomHumValue+"%");
SmokeTotal.setText(RandomSmoke+"");
InfraredTotal.setText(RandomInfrared+"");
}
},10); ///每隔0.01秒重新获取随机温度值
}
//第一次允许程序，判断温度值是大于0还是小于；
private void FirstDefaultExecute(){
RandomMaxTmpValue = 50- (int)(Math.random()*(100+1)); //获取当前温度值
//开启风扇
if (RandomMaxTmpValue > 0 ){
Fans.startAnimation(animation);
FansSwitch.setChecked(true);
ShutLamp.setVisibility(View.VISIBLE);
OpenLamp.setVisibility(View.INVISIBLE);
LampSwitch.setChecked(false);
}else if (RandomMaxTmpValue < 0){ //开启灯泡
Fans.clearAnimation();
FansSwitch.setChecked(false);
ShutLamp.setVisibility(View.INVISIBLE);
OpenLamp.setVisibility(View.VISIBLE);
LampSwitch.setChecked(true);
}else{ //等于0时，都不开启
Fans.clearAnimation();
FansSwitch.setChecked(false);
ShutLamp.setVisibility(View.VISIBLE);
LampSwitch.setChecked(false);
}
}
private void SetTitle() {
ActionBar actionBar = getSupportActionBar();
if (actionBar != null) {
actionBar.setDisplayHomeAsUpEnabled(true);
actionBar.setHomeButtonEnabled(true);
}
}
@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()){
case android.R.id.home:
Intent intent = new Intent(MainActivity.this,ChooseInterface.class);
startActivity(intent);
break;
}
return super.onOptionsItemSelected(item);
}
}人体红外传感器界面
先看一下布局效果
代码如下：
布局简单，其中可以动的圈是自定义view，java部分详解
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".InfraredInterface"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<com.example.myapplication.CustomProgressBar
android:id="@+id/CustomProgressBar"
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_marginTop="80dp"
android:layout_marginLeft="90dp"/>
<TextView
android:id="@+id/TipsWord"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="正在探索红外设备中..."
android:layout_marginTop="200dp"
android:layout_marginLeft="120dp"
android:layout_gravity="center"
android:textColor="#ff0000"
/>
</RelativeLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="70dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="探索到周围红外设备: "
android:layout_marginLeft="65dp"
android:textSize="25sp"
/>
<TextView
android:id="@+id/InfraredNumber"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="25sp"
android:text=" "
android:textColor="#ff0000"
/>
</LinearLayout>
<ImageButton
android:id="@+id/Start"
android:layout_width="70dp"
android:layout_height="70dp"
android:text="点击开始探测"
android:src="@drawable/start"
android:background="#00000000"
android:scaleType="fitCenter"
android:layout_marginTop="40dp"
android:layout_marginLeft="150dp"/>
</LinearLayout>java部分：
将俩部分吧，一个是Handler部分，一个是自定义view部分
Handler部分：实现Handler.Callback接口，主要工作流程是，延迟一会，然后这个进度值，把进度值通过线程方式将这个进度值发过去，然后自定义view就把自己的进度值设置为自己的进度值。
自定义view部分：
主要是先画一个背景圆，然后在上面画一层描边（圆弧），这个是通过进度值的大小来改变的，然后关于在values下创建一个attrs.xml文件（名字不可改），然后设置圆的颜色，大小等。
public class CustomProgressBar extends View {
private Paint BackgroundPaint; //底层的画笔
private Paint BufferPaint; //上层画笔
private int BackgroundColor; //底层的颜色
private int BufferColor; //上层的颜色
private float RingWidth;
private int Max;
private int CurrentProgress;
public CustomProgressBar(Context context) {
this(context, null);
}
public CustomProgressBar(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public CustomProgressBar(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
InitAttrs(context, attrs);
InitPaint();
}
private void InitPaint() {
BackgroundPaint = new Paint();
BackgroundPaint.setColor(BackgroundColor);
BackgroundPaint.setStyle(Paint.Style.STROKE); //描边样式
BackgroundPaint.setStrokeWidth(RingWidth);
BackgroundPaint.setAntiAlias(true); //抗锯齿
/**
* paint的属性
* ANTI_ALIAS_FLAG,抗锯齿
* UNDERLINE_TEXT_FLAG，文字下划线
* STRIKE_THRU_TEXT_FLAG,文字中间穿过线
* FAKE_BOLD_TEXT_FLAG,文字粗体
* VERTICAL_TEXT_FLAG,字体垂直摆放的属性(被隐藏不可见)
*/
/**
* Paint.Style.FILL设置只绘制图形内容
* *Paint.Style.STROKE设置只绘制图形的边
*Paint.Style.FILL_AND_STROKE设置都绘制
* */
/**
* paint的线帽外形
* Paint.Cap.BUTT 没有线帽
* Paint.Cap.ROUND 圆形线帽
* Paint.Cap.SQUARE 方形线帽
*/
/**
* Paint.Join.ROUND 圆角
* Paint.Join.MITER 锐角（默认值）
* Paint.Join.BEVEL 直角
*/
BufferPaint = new Paint();
BufferPaint.setColor(BufferColor);
BufferPaint.setStrokeWidth(RingWidth);
BufferPaint.setStrokeCap(Paint.Cap.ROUND);
BufferPaint.setAntiAlias(true);
BufferPaint.setStyle(Paint.Style.STROKE);
}
private void InitAttrs(Context context, AttributeSet attrs) {
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.CustomProgressBar);
BackgroundColor = typedArray.getColor(R.styleable.CustomProgressBar_BackgroundColor, Color.GRAY);
BufferColor = typedArray.getColor(R.styleable.CustomProgressBar_BufferColor, Color.GREEN);
RingWidth = typedArray.getDimension(R.styleable.CustomProgressBar_RingWidth, 20);
Max = typedArray.getInteger(R.styleable.CustomProgressBar_ProgressBarMax, 100);
//资源回收
typedArray.recycle();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
int X = getWidth() / 2;
int Y = getHeight() / 2;
int Radius = (int) (X - RingWidth / 2);
// 绘制背景圆
canvas.drawCircle(X, Y, Radius, BackgroundPaint);
//绘制圆的大小，Left,Top,Right,Bottom
RectF rectF = new RectF(X - Radius, Y - Radius, X + Radius, Y + Radius);
//ovel,开始绘制的角度，结束角度(每一个Progress等于3.6角度),是否经过圆形（因为我们前面设置了描边属性，所以即使设置为true也看不出效果，所以为false）；
canvas.drawArc(rectF, -90, CurrentProgress * 360 / Max, false, BufferPaint);
}
public synchronized int getMax() {
return Max;
}
public synchronized void setMax(int max) {
if (max < 0) {
throw new IllegalArgumentException("最大进度不能小于0");
}
this.Max = max;
}
public synchronized int getProgress() {
return CurrentProgress;
}
public synchronized void setProgress(int progress) {
if (progress < 0) {
throw new IllegalArgumentException("进度不能小于0");
}
if (progress > Max) {
progress = Max;
}
if (progress <= Max) {
this.CurrentProgress = progress;
postInvalidate();
}
}
public Paint getBgPaint() {
return BackgroundPaint;
}
public void setBgPaint(Paint bgPaint) {
this.BackgroundPaint = bgPaint;
}
public int getBgColor() {
return BackgroundColor;
}
public void setBgColor(int bgColor) {
this.BackgroundColor = bgColor;
}
public Paint getRingProgressPaint() {
return BufferPaint;
}
public void setRingProgressPaint(Paint ringProgressPaint) {
this.BufferPaint = ringProgressPaint;
}
public int getRingProgressColor() {
return BufferColor;
}
public void setRingProgressColor(int ringProgressColor) {
this.BufferColor = ringProgressColor;
}
public float getRingWidth() {
return RingWidth;
}
public void setRingWidth(float ringWidth) {
this.RingWidth = ringWidth;
}
}public class InfraredInterface extends AppCompatActivity implements Handler.Callback{
private CustomProgressBar MyProgressBar;
private int Progress;
private Handler handler;
private TextView TipsWord,InfraredNumber;
private ImageButton Start;
private static int num = (int) (Math.random()*(11-1)); //0-10;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_infrared_interface);
SetTitle();
InitView();
handler = new Handler(this);
Start.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
new Thread(new Runnable() {
@Override
public void run() {
while (true) {
try {
Thread.sleep(10);
Progress++;
handler.sendEmptyMessage(1);
if (Progress >= 100) {
test();
}
} catch (Exception e) {
e.printStackTrace();
}
}
}
}).start();
}
});
}
@Override
public boolean handleMessage(Message msg) {
switch (msg.what) {
case 1:
MyProgressBar.setProgress(Progress);
MyProgressBar.invalidate();
break;
default:
break;
}
return false;
}
private void test(){
TipsWord.setText(" 探索完毕!");
InfraredNumber.setText(num+"个");
}
private void SetTitle(){
ActionBar actionBar = getSupportActionBar();
if (actionBar != null){
actionBar.setDisplayHomeAsUpEnabled(true);
actionBar.setHomeButtonEnabled(true);
}
}
@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()){
case android.R.id.home:
Intent intent = new Intent(InfraredInterface.this,ChooseInterface.class);
startActivity(intent);
break;
}
return super.onOptionsItemSelected(item);
}
private void InitView(){
MyProgressBar = findViewById(R.id.CustomProgressBar);
TipsWord = findViewById(R.id.TipsWord);
InfraredNumber = findViewById(R.id.InfraredNumber);
Start = findViewById(R.id.Start);
}
}
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
