Android (二)布局文件学习与手机登录界面实现

最新推荐文章于 2021-11-20 10:39:46 发布
最新推荐文章于 2021-11-20 10:39:46 发布
阅读量432 收藏 2
点赞数 1
分类专栏： Android 文章标签： android layout
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hiiamwyx/article/details/106269871
版权
Android常用的五种布局
  • 线性布局(LinearLayout)
  • 帧布局(FrameLayout)
  • 表格布局(TableLayout)
  • 相对布局(RelativeLayout)
  • 绝对布局(AbsoluteLayout)
线性布局(LinearLayout)

LinearLayout：现行布局，可分为垂直布局(vertical)和水平布局(horizontal)子控件按垂直或水平排布。
特点一行一个或一列一个
垂直或水平属性设置使用android:orientation
简单垂直布局code：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <TextView 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="昨天520，今天521 单身狗无处去"
        />
    
    <Button 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Goodby World!"
        />

</LinearLayout>

其中"match_parent"大小跟随父控件，"wrap_content"为根据内容确定大小。
界面：
在这里插入图片描述
FrameLayout： 帧布局不能为 一个子元素指定一个位置，而是后面的控件会挡住前一个控件，层层叠加。
demo

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

	<TextView
	    android:layout_width="match_parent"
	    android:layout_height="match_parent"
	    android:text="帧布局" />
	<Button 
	    android:layout_width="wrap_content"
    	android:layout_height="wrap_content" 
    	android:text="按钮"
    	android:layout_gravity="center"
	    />
</FrameLayout>

图形
在这里插入图片描述
TableLayout：表格布局，控件们分行或列排布，一个表格布局由许多TableRow组成，每个控件在其中就是一个单元格。

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="match_parent" >
   
   <TableRow 
       android:layout_width="wrap_content"
   	android:layout_height="wrap_content"
   	
   	<TextView
   	    android:layout_width="wrap_content"
   		android:layout_height="wrap_content" 
   		android:text="tv1"
   		android:textSize="19sp"
       />
   <TextView
   	    android:layout_width="wrap_content"
   		android:layout_height="wrap_content" 
   		android:text="tv2"
       />
   	</TableRow>
       <TableRow 
       android:layout_width="wrap_content"
   	android:layout_height="wrap_content"
   	
   	<TextView
   	    android:layout_width="wrap_content"
   		android:layout_height="wrap_content" 
   		android:text="tv3"
       />
   <TextView
   	    android:layout_width="wrap_content"
   		android:layout_height="wrap_content" 
   		android:text="tv4"
   		android:textSize="19sp"
       />
   	</TableRow>
</TableLayout>

界面
在这里插入图片描述
RelativeLayout：相对布局，控件位置根据相对位置来确定，是最常用最灵活的布局，可左可右，可上可下进行对齐。
常用属性

        android:layout_below="@+id/tv"   //在tv控件下
        android:layout_above=""          //在某控件上
        android:layout_toLeftOf=""		 //在某控件左
        android:layout_toRightOf="" 	 //在某控件右
        android:layout_alignLeft=""		 //与某控件左对齐 	
        android:layout_alignRight=""	 //与某控件右对齐

还有一些：
在这里插入图片描述
deno

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    
    
    <TextView 
        android:id="@+id/tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="标签"        
        />
    <EditText 
        android:id="@+id/"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="文本框"  
        android:layout_below="@+id/tv" 	 
        />

</RelativeLayout>

效果图
在这里插入图片描述
AbsoluteLayout： 绝对布局可以让控件在指定的 x/y 坐标值，并显示在屏幕上。（0， 0）为左上角，并允许重叠。
demo

<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    

	<EditText
 		android:text="Welcome to Mr Wei's blog"
	    android:layout_width="fill_parent"
	    android:layout_height="wrap_content"
		/>
	<Button
 		android:layout_x="250px" 
 		android:layout_y="40px"
 		android:layout_width="70px" 
 		android:layout_height="wrap_content"
 		android:text="Button"
	    />


</AbsoluteLayout>

效果
在这里插入图片描述
不是非用不可的情况下，不推荐使用绝对布局，代码过于固定，缺少普遍性。

登录界面设计

布局

<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"
    tools:context=".MainActivity" >
    
    <EditText 
        android:id="@+id/user_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="用户名"
        />
     <EditText 
        android:id="@+id/user_passwd"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:password="true"
        android:hint="密码"
        />
     <RelativeLayout 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
         >
         <CheckBox 
             android:id="@+id/check_box"
        	 android:layout_width="wrap_content"
       	 	 android:layout_height="wrap_content"
        	 android:hint="记住密码"
             />
         <Button 
             android:id="@+id/btn_login"
             android:onClick="click_login"
        	 android:layout_width="wrap_content"
       	 	 android:layout_height="wrap_content"
       	 	 android:layout_alignParentRight="true"
        	 android:hint="登录"
             />
         
         
     </RelativeLayout>


</LinearLayout>

MainActivity.java

package com.example.login521;

import java.util.Map;

import android.os.Bundle;
import android.app.Activity;
import android.text.TextUtils;
import android.view.Menu;
import android.view.View;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends Activity {

    private EditText user_name;
	private EditText user_passwd;
	private CheckBox cb_isCheck;


	@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        user_name = (EditText)findViewById(R.id.user_name);
        user_passwd = (EditText)findViewById(R.id.user_passwd);
        cb_isCheck = (CheckBox)findViewById(R.id.check_box);
        
        //上一次登录信息显示
        Map<String, String> maps = UserInfoUtils.readInfo();
        if(maps != null){
        	String username = maps.get("user");
        	String passwd = maps.get("passwd");
        	
        	user_name.setText(username);
        	user_passwd.setText(passwd);
        	
        }
        
        
    }
	//登录按钮的单击事件
	public void  click_login(View v) {
		String username = user_name.getText().toString().trim();
		String passwd = user_passwd.getText().toString().trim();
		//
		if(TextUtils.isEmpty(username) || TextUtils.isEmpty(passwd)){
			
			Toast.makeText(MainActivity.this, "请输入用户名和密码", Toast.LENGTH_SHORT).show();
			return;	
		}
		else{
			
			System.out.println("user"+username+":"+"passwd"+passwd);
		}
		
		if(cb_isCheck.isChecked()){
			boolean ret = UserInfoUtils.saveInfo(username, passwd);
			if(ret){
				
				Toast.makeText(MainActivity.this, "用户保存成功", Toast.LENGTH_SHORT).show();
				return;
				
			}
			else{
				Toast.makeText(MainActivity.this, "请选中保存密码", Toast.LENGTH_SHORT).show();
				return;
			}
			
		}
		
	}

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
    
}

自定义油条类

package com.example.login521;

import java.io.BufferedReader;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.InputStreamReader;
import java.util.HashMap;
import java.util.Map;

public class UserInfoUtils {
	public static boolean saveInfo(String user,String passwd) {
		
		try {
			String result = user + "#" + passwd;
			File file = new File("/data/data/com.example.login521/login.txt");
			FileOutputStream fout = new FileOutputStream(file);
			fout.write(result.getBytes());
			fout.close();
			return true;
		} catch (Exception e) {
			// TODO: handle exception
			e.printStackTrace();
			return false;
		}
	}
	
	
	public static Map<String,String> readInfo() {
		
		try {
			Map<String, String> maps = new HashMap<String, String>();
			File file = new File("/data/data/com.example.login521/login.txt");
			FileInputStream inStream = new FileInputStream(file);
			//创建存放数据的buffer
			BufferedReader buffer = new BufferedReader(new InputStreamReader(
					inStream));
			String content = buffer.readLine();
			String[] splitsUser =  content.split("#");
			String username = splitsUser[0];
			String passwd = splitsUser[1];
			maps.put("user", username);
			maps.put("passwd", passwd);
			
			inStream.close();
			return maps;
		} catch (Exception e) {
			// TODO: handle exception
			e.printStackTrace();
			return null;
		}

	}
}

效果图
在这里插入图片描述

总结

Android好几个布局，但其实常用的也就线性布局、相对布局、表格布局。
写Android程序需要一点点java基础，其他好像和qt等差不太多。

ULis3h
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android开发实现手机端登录（修正版）
11-15
Android开发 手机端登录系统：通过service 实时访问服务器端，其中用户表是用来登录的 用户表的flag 是新建文档的数量 service 实时访问flag 当服务器端新建一个文档时 用户表下所有用户的flag会加1；手机端提示新建一个新文档 当用户点击提示栏时 转到一个Activity 将该用户的flag 设置为0 其他用户flag不变 当其他用户登录时 依旧能提示用户有多少条新文档
Android实现简洁的APP登录界面
08-30
以下是如何在Android中实现这样一个登录界面的详细步骤： 首先，我们需要创建布局文件。在这个例子中，我们使用了`RelativeLayout`作为根布局，它允许我们更自由地控制子视图的位置。背景颜色被设置为#2197db，给...
Android实现登录界面功能和实现详解
qq_39745566的博客
05-16 1164
两个编辑框一个输入账号 ，一个输入密码一个按钮点击按钮登录判断账号和密码不为空设置账号必须以字母开头验证密码最小为8位，最大16位设置可显示隐藏密码最终运行效果如下[java] view plain copypublic class MainActivity extends AppCompatActivity {      private EditText et_name,et_pass;    ...
Android 之登录界面
zhaozhao_07的博客
04-08 571
今天要做的登录界面是根据原来为前提做的，主要是为了记住密码，这就需要数据存储。即当用户选中了记住密码复选框，并成功登录一次后，如果再启动登录界面，之前输入的用户名和密码就会显示在文本框里。运行效果图：activity_main.xml<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas
Android登录界面
weixin_40222848的博客
03-11 462
&lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:background="#ffffff"
android的登入功能,android 实现android手机登陆功能
weixin_30533933的博客
05-25 313
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210...
Android实现注册登录界面的实例代码
08-27
本文将为大家分享 Android 实现注册登录界面的实例代码，供大家参考和学习。 一、AndroidManifest.xml 文件解析 AndroidManifest.xml 文件是 Android 项目的核心配置文件，它用于描述应用程序的基本信息、权限、...
Android开发：实现qq登录界面（界面实现）
04-05
总的来说，这个项目提供了一个基础的Android QQ登录界面实现，通过学习和分析这个项目，初学者可以掌握Android布局设计、点击事件处理以及项目构建的基本流程，为今后的Android开发打下坚实的基础。
android实现上下左右滑动界面布局
08-25
Android 实现上下左右滑动界面布局 Android 实现上下左右滑动界面布局是 Android 开发中的一种常见需求，今天我们将详细介绍如何使用 ScrollView 和 HorizontalScrollView 实现上下左右滑动的界面布局。 首先，...
Android EditText实现扁平化的登录界面
08-28
本篇文章将详细介绍如何使用Android的EditText组件来实现一个扁平化的登录界面。 首先，我们从界面布局开始。在Android中，通常使用XML文件来定义用户界面的结构。在提供的代码段中，可以看到使用了`...
Android 用户登录界面
05-05
Android 用户登录界面UI界面 Demo
Android登录UI界面
10-30
利用GroupLayout配置登录XML
Android登录界面布局
04-21
eclipse下安卓app登录界面布局,android版本为4.0.3，API15，我直接在安卓手机真机上测试，还在入门阶段，参考了论坛的例子写的一个界面布局
Android手机通用登陆界面代码设计
12-17
想必大家都知道，一款手机APP必备的登录页面。这是你不错的选择。
手机app登录页面
09-07
这是一个手机app登录页面的模板源码，可安卓和ios使用，内容简单，界面丰富，自己稍加改造即可使用。
Android登录界面设计
圆号本号
11-19 6923
登陆功能基于Bmob实现 获取数据后将数据纯出道Bmob云数据库 实际效果 首先是布局界面： &amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&amp;gt; &amp;lt;RelativeLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quo
一个简单的Android程序的登录界面
MNJLJ_23NMK的博客
03-26 2035
最近在学习Android所以学了这个简单的Android登录程序，用来激励自己认真学下去。 1.activity_main.xml里面的代码：     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="matc
Android-创建简单登陆界面
xdg15294969271的博客
11-20 6570
文章目录1、问题描述2、结果展示3、具体实现4、代码实现 1、问题描述 使用android studio 或者其他开发案桌工具，创建一个简易的登陆界面。 2、结果展示 3、具体实现 对于布局的修改只需要修改xml文件就好了，总体是相对布局，在相对布局里，从上至下，首先是头像，其次是一个水平方向的线性布局，在线性布局里有TextView,EditText两个控件，再其次仍然是一个水平方向的线性布局，最后是一个button。 4、代码实现 <?xml version="1.0" encoding="ut
Android登录界面的初步
cccrush的博客
08-04 1564
初步效果图 设置页面方法主要分为两类。 1.自己手敲代码，后面通过代码设置布局。 2.提前思考布局，在组件页面直接拖拽获得，后面根据需要更改代码。   方法1： 注：可在res文件内的layout文件下新建一个xml文件编写布局代码。但是需要在src的包文件下面的java文件中MainActivity将页面来源修改为新建xml文件名。 ①新建login.xml文件时选择线性布局L...
Android手机界面管理系统的开发与效率提升
"Android手机界面管理系统的设计与实现" 随着科技的飞速发展，移动终端用户对应用软件的用户体验有了更高的期待，不仅追求功能的强大，还强调操作界面的易用性和舒适性。在这种背景下，Android手机界面管理系统的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值