用Android写代码,用css写个android机器人代码分享

最新推荐文章于 2023-06-23 16:45:59 发布
最新推荐文章于 2023-06-23 16:45:59 发布
阅读量81 收藏
点赞数
文章标签： 用Android写代码

复制代码代码如下:

 
 
.android{
 
 
position: absolute;
 
 
left: 500px;
 
 
top: 200px;
 
 
}
 
 
/* head */
 
 
.head{
 
 
width: 336px;
 
 
height: 155px;
 
 
background: #a5c63b;
 
 
border-radius: 200px 200px 0 0;
 
 
position: absolute;
 
 
top: -170px;
 
 
}
 
 
.head:before, .head:after{
 
 
background: #a5c63b;
 
 
content: '';
 
 
width: 10px;
 
 
height: 53px;
 
 
position: absolute;
 
 
top: -30px;
 
 
border-radius: 20px 20px 0 0;
 
 
}
 
 
.head:before{
 
 
-webkit-transform: translate(255px, 0px) rotate(30deg);
 
 
-moz-transform:translate(255px, 0px) rotate(30deg);
 
 
-o-transform:translate(255px, 0px) rotate(30deg);
 
 
}
 
 
.head:after{
 
 
-webkit-transform: translate(63px, 0px) rotate(-30deg);
 
 
-moz-transform: translate(63px, 0px) rotate(-30deg);
 
 
-o-transform: translate(63px, 0px) rotate(-30deg);
 
 
}
 
 
/* eyes */
 
 
.eyes:before, .eyes:after{
 
 
background: #fff;
 
 
content: '';
 
 
width: 27px;
 
 
height: 27px;
 
 
top: 68px;
 
 
position: absolute;
 
 
border-radius: 20px;
 
 
}
 
 
.eyes:before{
 
 
left: 78px;
 
 
}
 
 
.eyes:after{
 
 
right: 78px;
 
 
}
 
 
/* body */
 
 
.body{
 
 
width: 336px;
 
 
height: 285px;
 
 
background: #a5c63b;
 
 
border-radius: 0px 0px 30px 30px;
 
 
position: absolute;
 
 
}
 
 
.body:before, .body:after{
 
 
background: #a5c63b;
 
 
content: '';
 
 
width: 75px;
 
 
height: 122px;
 
 
bottom: -122px;
 
 
position: absolute;
 
 
border-radius: 0 0 50px 50px;
 
 
}
 
 
.body:before{
 
 
left: 68px;
 
 
}
 
 
.body:after{
 
 
right: 68px;
 
 
}
 
 
/* arms */
 
 
.arms:before, .arms:after{
 
 
background: #a5c63b;
 
 
content: '';
 
 
width: 75px;
 
 
height: 233px;
 
 
top:-8px;
 
 
position: absolute;
 
 
border-radius: 40px;
 
 
}
 
 
.arms:before{
 
 
left: -90px;
 
 
}
 
 
.arms:after{
 
 
right: -90px;
 
 
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 


                

        

        




    

  


    

      

        

            

              
                
                  云女友
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
js和css动态画出一只安卓机器人，附代码

				
			

			

				

					codingWeb的博客
				

				

					03-24
					
					690
					
				

			

		

		

			
				
此效果上网的时候看到的，觉得有趣新奇，于是立马F12查看源代码，平时习惯于操作body标签中的元素，忽视了除body标签中之外的标签 ，殊不知style标签也能这么玩
实现原理：
通过js，定时的逐个读取写好的css样式代码，逐个写入到style标签中，即可实现这种看起来很神奇的效果
代码如下，直接全部复制即可演示：
<!DOCTYPE html>
<html>

	&lt...

			
		

	



                

              
                



	

		

			

				
					
Web 利用纯html和css画出一个android机器人

				
			

			

				

					Sword Art Online
				

				

					02-12
					
					1381
					
				

			

		

		

			
				
Android机器人



这个小项目是为了熟悉border-radius 圆角边框

参考文档

border-radius



源代码


<style>
    .robot{
        width: 500px;
        height: 550px;
        border: 1px solid red;
        margin: 30px aut...

			
		

	



                


  
              

                


	

		

			

				
					
CSS3绘制的安卓机器人代码.zip

				
			

			

				

					05-23
				

			

		

		

			
				
CSS3绘制的安卓机器人代码，纯CSS3实现。

			
		

	





	

		

			

				
					
安卓(Android)聊天机器人实现代码分享

				
			

			

				

					09-03
				

			

		

		

			
				
是一个安卓智能聊天机器人的源码，采用了仿微信的风格设计，调用的是图灵机器人的API，能够实现智能聊天、讲故事、讲笑话、查天气、查公交等丰富的功能

			
		

	



		

			
		



	

		

			

				
					
Android实战：浩比机器人（附完整代码）

				
			

			

				

					浩比的专栏
				

				

					05-17
					
					2561
					
				

			

		

		

			
				
源码地址：https://github.com/ambition-hb/ChattingRobot_1（更新于2019/6/2）





此App返回的JSON数据采用图灵机器人（http://www.tuling123.com/）数据接口。



首先，编写聊天界面：

1、 制作好Nine-patch图片作为发出消息的背景图

2、 在app/build.gradle当中添加依赖库

3...

			
		

	





	

		

			

				
					
css绘制安卓机器人

				
			

			

				

					weixin_44984664的博客
				

				

					02-28
					
					1174
					
				

			

		

		

			
				
css练习——绘制安卓机器人

一个学校里BBS的学长的布置的小练习 (￣ ‘i ￣;) 
用css画一个安卓机器人
效果如下

虽然有点丑……
不管啦 (*￣rǒ￣)
接下来是相关的步骤

画身体
画jiojio
画头
画手手
画眼睛
画天线（耳朵）

总体概述
写这个用到的知识有css盒子模型，position定位，伪类选择器，图像的旋转
上代码！
<body>
<div c...

			
		

	





	

		

			

				
					
用css写个android机器人代码分享

				
			

			

				

					01-19
				

			

		

		

			
				
复制代码代码如下:<span xss=removed></span>”75788″ snippet_file_name=”blog_20131121_2_1289480″ name=”code” class=”html”><pre code_snippet_id=”75788″ snippet_file_name=”blog_20131121_2_...

			
		

	





	

		

			

				
					
Android机器人纯HTML

				
			

			

				

					qq_41418149的博客
				

				

					11-14
					
					723
					
				

			

		

		

			
				
Web前段基础
HTML-01Android机器人

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
...

			
		

	





	

		

			

				
					
纯CSS打造的17个Logo(Apple、Android、Windows等)

				
			

			

				

					07-20
				

			

		

		

			
				
【纯CSS打造的17个Logo(Apple、Android、Windows等)】  在Web开发领域，CSS（层叠样式表）是用于控制网页元素外观的重要工具。这篇内容将深入探讨如何利用CSS来创建知名的公司Logo，如Apple、Android和Windows等。...

			
		

	





	

		

			

				
					
Canvas详解及代码绘制安卓机器人

				
			

			

				

					05-13
				

			

		

		

			
				
Canvas详解及代码绘制安卓机器人

			
		

	





	

		

			

				
					
WIFI机器人安卓手机源码

				
			

			

				

					05-22
				

			

		

		

			
				
安卓版本的WIFI机器人小车控制程序，实现了和PC版相同的功能，操作简单，易于上手。

			
		

	





	

		

			

				
					
最新QQ安卓协议源码！qq2018安卓协议机器人源码

				
			

			

				

					01-10
				

			

		

		

			
				
安卓QQ协议模块源码+成品源码
最新QQ安卓协议源码！qq2018安卓协议机器人源码

			
		

	





	

		

			

				
					
绘制安卓机器人.zip

				
			

			

				

					07-31
				

			

		

		

			
				
该代码简洁明了，能够实现绘制安卓机器人的功能，且有相应的注释，易于读者理解。

			
		

	





	

		

			

				
					
用CSS3做的一个安卓机器人图

				
			

			

				

					simple5960的博客
				

				

					09-17
					
					554
					
				

			

		

		

			
				
代码如下
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
          

			
		

	





	

		

			

				
					
安卓自定义控件---安卓小机器人图标在背景图片上随手指滑动，点击背景图片任意位置出现小机器人图标

				
			

			

				

					lx_aoxiang_fight的博客
				

				

					11-07
					
					1042
					
				

			

		

		

			
				
大家好，这是我第一次写CSDN技术博客,我准备学习并仿做一个自定义控件，最终实现一个安卓机器人小图标跟随手指滑动在安卓背景界面的效果，也有点击图片中任意位置出现小机器人图标的效果.

			
		

	





	

		

			

				
					
基于Android Studio 开发之智能聊天机器人App

				
			

			

				

					编程乐学的博客
				

				

					06-23
					
					2519
					
				

			

		

		

			
				
基于Android Studio 开发之智能聊天机器人App 本文将介绍如何使用Android Studio开发一个智能聊天机器人项目。我们将使用Android Studio，JAVA语言，JDK1.8,数据库Sqlite。通过使用 OkHttp 库和 GSON 库实现了向服务器发送请求并从服务器接收响应的操作，使用户可以与机器人进行聊天互动。

			
		

	





	

		

			

				
					
使用CSS3绘制简单的Android机器人

				
			

			

				

					Evan_QB的博客
				

				

					10-07
					
					1337
					
				

			

		

		

			
				
html

    
        
            
            
            
        
    


CSS部分

    body{
        margin: 0;
        padding: 0;
        background-color: #f7f7f7;
    }

    .board{
        wid

			
		

	





	

		

			

				
					
Android项目智能机器人的实现，带有源代码，图灵智能机器人，详细讲解。。

				
			

			

				

					技术博客
				

				

					05-13
					
					1060
					
				

			

		

		

			
				
大家好，今天给大家推荐一个我利用图灵api制作的android项目，智能机器人，类似智能小冰，等一些会机器人。

下面看效果。女头像是系统自动给你回复的，男头像是你输入的内容。项目源代码是eclipse写的，喜欢的朋友，可以

看一下源代码，可以直接导入eclipse项目运行。研究，代码注释很详细。




源代码下载地址：http://download.csdn.net/det...

			
		

	





	

		

			

				
					
用 vs code 制作一个安卓机器人图标的响应式页面 代码

					
最新发布

				
			

			

				

					10-04
				

			

		

		

			
				
在Visual Studio Code (VS Code) 中制作一个响应式的安卓机器人图标网页，你可以使用HTML、CSS和JavaScript。这里是一个简单的步骤说明：

1. **创建项目结构**：
   - 创建一个新的文件夹，例如`robot-resp-web`。
   - 在这个文件夹下，新建三个文件：`index.html`, `style.css`, 和 `script.js`。

2. **编写HTML** (`index.html`)：
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Android Robot Icon</title>
</head>
<body>
    <div class="robot-container">
        <img src="android_robot_icon.png" id="robot-img" alt="Android Robot Icon">
    </div>
    <script src="script.js"></script>
</body>
</html>
```
3. **样式设计** (`style.css`):
```css
.robot-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f5f5f5;
}

@media screen and (max-width: 600px) {
    .robot-container img {
        width: 70%;
    }
}
```
4. **添加交互效果** (`script.js`，如果需要动画或点击事件可以在此处添加）：
```javascript
// 示例：点击放大图标
document.getElementById('robot-img').addEventListener('click', function() {
    this.classList.toggle('zoomed');
});
```
在CSS中，`.zoomed`类可以设置图片放大的样式，如`transform: scale(1.1);`.

记得替换`android_robot_icon.png`为实际的安卓机器人图标路径。

完成以上步骤后，当你在不同尺寸的设备上打开`index.html`，你会看到一个响应式的安卓机器人图标，图标大小会根据屏幕宽度自动调整。



			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值