APICloud成长记录 一 欢迎页制作总结

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>O2Odemo</title>
    <link rel="stylesheet" type="text/css" href="./css/api.css" />
    <style type="text/css">
  
    </style>
</head>
<body>
   
</body>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript">
	
    apiready = function(){
    	//判断第一次进来显示欢迎页,并将其缓存在本地
    	var welcomeShowed = $api.getStorage('welcomeShowed');
    	//alert(welcomeShowed+"你要获取的是welcomeShowed");
    	//如果本地有数据就直接打开页面
    	if(welcomeShowed){
    		api.openWin({
		        name: 'main',
		        url: './html/main.html',
		        bounces:false,
		        pageParam:{key : ''},
	        	animation: {
	        		type: 'none' //动画为none
	        	}
        });
        //如果本地没有,是第一次进来,就进入欢迎页
    }else{
	    api.openFrameGroup({
		            name: 'welcomFrames',
		            scrollEnabled:true,
		            rect:{
		            x:0,
		            y:0,
		            w:'auto',
		            h:'auto'
		            },
		            index:0,
		            frames:[{
		            	name:'welcome_frame_1',
		            	url:'./html/welcome_frame_1.html',
		            	bgColor:'./image/welcome/1.png',
		            	bounces:false,
		            	vScrollBarEnabled:false,
		            	hScrollBarEnabled:false
		            },{
			            name:'welcome_frame_2',
			            url:'./html/welcome_frame_2.html',
			            bgColor:'./image/welcome/2.png',
			            bounces:false,
		            	vScrollBarEnabled:false,
		            	hScrollBarEnabled:false
		            },{
			            name:'welcome_frame_3',
			            url:'./html/welcome_frame_3.html',
			            bgColor:'./image/welcome/3.png',
			            bounces:false,
		            	vScrollBarEnabled:false,
		            	hScrollBarEnabled:false
		            },{
			            name:'welcome_frame_4',
			            url:'./html/welcome_frame_4.html',
			            bgColor:'./image/welcome/4.png',
			            bounces:false,
		            	vScrollBarEnabled:false,
		            	hScrollBarEnabled:false
		            }]
	            },function(ret,err){
	            	var name = ret.name;
	            	var index = ret.index;
	            });
	            $api.setStorage('welcomeShowed', '0');
	    	}		
	   };
</script>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
制作Android欢迎界面可以使用以下步骤: 1. 创建一个新的Android项目。 2. 在res/layout目录下创建一个新的布局文件,例如welcome.xml。 3. 在该布局文件中添加一个ImageView元素,用于显示欢迎的图片。 4. 添加一个Button元素,用于在欢迎上添加一个按钮。 5. 在Java代码中,使用setContentView()方法将欢迎的布局文件设置为主布局。 6. 在Button的onClick()方法中,添加代码以实现按钮的响应操作。 下面是一个简单的示例代码: 1. 在res/layout目录下创建一个名为welcome.xml的布局文件,如下所示: ``` <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/welcome_image" android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/welcome_image" /> <Button android:id="@+id/welcome_button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Get Started" android:layout_centerInParent="true" android:background="@drawable/button_background" android:textColor="@color/white" android:textSize="18sp" /> </RelativeLayout> ``` 2. 在Java代码中,使用setContentView()方法将欢迎的布局文件设置为主布局,如下所示: ``` public class WelcomeActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.welcome); Button button = findViewById(R.id.welcome_button); button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 添加按钮响应操作 } }); } } ``` 通过以上步骤,就可以创建一个简单的Android欢迎界面了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值