Android 用源代码写layout布局

最新推荐文章于 2021-05-26 11:14:54 发布
最新推荐文章于 2021-05-26 11:14:54 发布
阅读量951 收藏 1
点赞数 1
分类专栏： android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/android_drawing/article/details/46500209
版权

通过纯代码实现XML同样的效果：

[java]   view plain copy
  1. import android.app.Activity;  
  2. import android.content.Context;  
  3. import android.graphics.Color;  
  4. import android.os.Bundle;  
  5. import android.text.InputFilter;  
  6. import android.text.InputFilter.LengthFilter;  
  7. import android.view.Gravity;  
  8. import android.view.ViewGroup;  
  9. import android.view.ViewGroup.LayoutParams;  
  10. import android.widget.Button;  
  11. import android.widget.EditText;  
  12. import android.widget.ImageView;  
  13. import android.widget.ImageView.ScaleType;  
  14. import android.widget.LinearLayout;  
  15. import android.widget.RelativeLayout;  
  16. import android.widget.ScrollView;  
  17. import android.widget.TextView;  
  18.   
  19. public class ActivityInfo extends Activity {  
  20.       
  21.     @Override  
  22.     protected void onCreate(Bundle savedInstanceState) {  
  23.         // TODO Auto-generated method stub  
  24.         super.onCreate(savedInstanceState);  
  25. //      setContentView(R.layout.info);  
  26.           
  27.         initUI();  
  28.     }  
  29.       
  30.     public final void initUI(){  
  31.         ScrollView main = new ScrollView(this);  
  32.         main.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));  
  33.         main.setBackgroundColor(Color.WHITE);  
  34.           
  35.         //根布局参数  
  36.         LinearLayout.LayoutParams layoutParamsRoot = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.FILL_PARENT);  
  37.         layoutParamsRoot.gravity = Gravity.CENTER;  
  38.         //根布局  
  39.         LinearLayout layoutRoot = new LinearLayout(this);  
  40.         layoutRoot.setLayoutParams(layoutParamsRoot);  
  41.         layoutRoot.setOrientation(LinearLayout.VERTICAL);  
  42.           
  43.           
  44.         //上边距（dp值）  
  45.         int topMargin = dip2px(this, 30);  
  46.         //imageMain宽度（dp值）  
  47.         int widthMain = dip2px(this, 240);  
  48.         //imageMain高度（dp值）  
  49.         int heightMain = dip2px(this, 120);  
  50.           
  51.         //imageMain布局参数  
  52.         LinearLayout.LayoutParams layoutParamsImageMain = new LinearLayout.LayoutParams(widthMain,heightMain);  
  53.         layoutParamsImageMain.topMargin = topMargin;  
  54.         layoutParamsImageMain.bottomMargin = topMargin;  
  55.         layoutParamsImageMain.leftMargin = topMargin;  
  56.         layoutParamsImageMain.rightMargin = topMargin;  
  57.         layoutParamsImageMain.gravity=Gravity.CENTER_HORIZONTAL;  
  58.         //初始化ImageView  
  59.         ImageView imageMain = new ImageView(this);  
  60.         imageMain.setScaleType(ScaleType.FIT_CENTER);  
  61.         imageMain.setAdjustViewBounds(true);  
  62.         imageMain.setBackgroundColor(Color.BLACK);  
  63.         imageMain.setImageResource(android.R.drawable.ic_dialog_map);  
  64.         layoutRoot.addView(imageMain, layoutParamsImageMain);  
  65.           
  66.         //textInfo布局参数  
  67.         LinearLayout.LayoutParams layoutParamsTextInfo = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT);  
  68.         layoutParamsTextInfo.topMargin = topMargin;  
  69.         layoutParamsTextInfo.bottomMargin = topMargin;  
  70.         layoutParamsTextInfo.leftMargin = topMargin;  
  71.         layoutParamsTextInfo.rightMargin = topMargin;  
  72.         layoutParamsTextInfo.gravity=Gravity.CENTER_HORIZONTAL;  
  73.         //初始化textInfo  
  74.         TextView textInfo = new TextView(this);  
  75.         textInfo.setGravity(Gravity.CENTER_HORIZONTAL);  
  76.         textInfo.setTextSize(18);  
  77.         layoutRoot.addView(textInfo, layoutParamsTextInfo);  
  78.           
  79.         //editInfo布局参数  
  80.         LinearLayout.LayoutParams layoutParamsEditInfo = new LinearLayout.LayoutParams(widthMain,LayoutParams.WRAP_CONTENT);  
  81.         layoutParamsEditInfo.topMargin = topMargin;  
  82.         layoutParamsEditInfo.gravity=Gravity.CENTER_HORIZONTAL;  
  83.         //初始化editInfo  
  84.         EditText editInfo = new EditText(this);  
  85.         editInfo.setHint("请输入文字内容");  
  86.         //设置可输入的最大长度  
  87.         InputFilter[] filters = {new LengthFilter(200)};    
  88.         editInfo.setFilters(filters);  
  89.         editInfo.setTextSize(18);  
  90.         layoutRoot.addView(editInfo, layoutParamsEditInfo);  
  91.           
  92.         //上边距（dp值）  
  93.         int minHeight = dip2px(this, 54);  
  94.         //上padding（dp值）  
  95.         int topPadding = dip2px(this, 4);  
  96.         //左padding（dp值）  
  97.         int leftPadding = dip2px(this, 2);  
  98.         //按钮布局  
  99.         LinearLayout layoutButton = new LinearLayout(this);  
  100.         layoutButton.setLayoutParams(layoutParamsEditInfo);  
  101.         layoutButton.setOrientation(LinearLayout.HORIZONTAL);  
  102.         layoutButton.setBackgroundColor(Color.parseColor("#c6c3c6"));  
  103.         layoutButton.setMinimumHeight(minHeight);  
  104.         layoutButton.setPadding(leftPadding, topPadding, leftPadding, topPadding);  
  105.         layoutButton.setId(100000001);  
  106.           
  107.         //buttonOK布局参数  
  108.         LinearLayout.LayoutParams layoutParamsButtonOK = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);  
  109.         layoutParamsButtonOK.gravity = Gravity.LEFT;  
  110.         layoutParamsButtonOK.leftMargin = dip2px(this, 10);  
  111.         layoutParamsButtonOK.rightMargin = dip2px(this, 5);  
  112.         layoutParamsButtonOK.weight = 1;  
  113.         //Button确定  
  114.         Button buttonOK = new Button(this);  
  115.         buttonOK.setLayoutParams(layoutParamsButtonOK);  
  116.         buttonOK.setMaxLines(2);  
  117.         buttonOK.setTextSize(18);  
  118.         buttonOK.setText("确定");  
  119.         layoutButton.addView(buttonOK);  
  120.           
  121.         //buttonCancel布局参数  
  122.         LinearLayout.LayoutParams layoutParamsButtonCancel = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);  
  123.         layoutParamsButtonCancel.gravity = Gravity.RIGHT;  
  124.         layoutParamsButtonCancel.leftMargin = dip2px(this, 5);  
  125.         layoutParamsButtonCancel.rightMargin = dip2px(this, 10);  
  126.         layoutParamsButtonCancel.weight = 1;  
  127.         //Button取消  
  128.         Button buttonCancel = new Button(this);  
  129.         buttonCancel.setLayoutParams(layoutParamsButtonCancel);  
  130.         buttonCancel.setMaxLines(2);  
  131.         buttonCancel.setTextSize(18);  
  132.         buttonCancel.setText("取消");  
  133.           
  134.         layoutButton.addView(buttonCancel);  
  135.           
  136.         layoutRoot.addView(layoutButton, layoutParamsEditInfo);  
  137.           
  138.         //RelativeLayout布局参数  
  139.         LinearLayout.LayoutParams layoutParamsBottom = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT);  
  140.         RelativeLayout layoutBottom = new RelativeLayout(this);  
  141.         layoutBottom.setLayoutParams(layoutParamsBottom);  
  142.           
  143.         RelativeLayout.LayoutParams paramsImageBottom = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);  
  144.         paramsImageBottom.addRule(RelativeLayout.BELOW, 100000001);  
  145.         paramsImageBottom.addRule(RelativeLayout.CENTER_HORIZONTAL, RelativeLayout.TRUE);  
  146.         paramsImageBottom.setMargins(topMargin, topMargin, topMargin, topMargin);  
  147.           
  148.         //初始化ImageView  
  149.         ImageView imageBottom = new ImageView(this);  
  150.         imageBottom.setScaleType(ScaleType.FIT_CENTER);  
  151.         imageBottom.setAdjustViewBounds(true);  
  152.         imageBottom.setBackgroundColor(0xFF777777);  
  153.         imageBottom.setImageResource(android.R.drawable.ic_dialog_email);  
  154.         layoutBottom.addView(imageBottom, paramsImageBottom);  
  155.         layoutRoot.addView(layoutBottom);  
  156.           
  157.           
  158.         //TODO TEST  
  159. //      imageMain.setBackgroundResource(android.R.drawable.ic_dialog_map);  
  160.         textInfo.setText("测试文本显示");  
  161.           
  162.         main.addView(layoutRoot);  
  163.         setContentView(main);  
  164.     }  
  165.       
  166.     /** 
  167.      * 根据手机的分辨率从 dp 的单位 转成为 px(像素) 
  168.      */  
  169.     public static int dip2px(Context context, float dpValue) {  
  170.         final float scale = context.getResources().getDisplayMetrics().density;  
  171.         return (int) (dpValue * scale + 0.5f);  
  172.     }  
  173.   
  174.     /** 
  175.      * 根据手机的分辨率从 px(像素) 的单位 转成为 dp 
  176.      */  
  177.     public static int px2dip(Context context, float pxValue) {  
  178.         final float scale = context.getResources().getDisplayMetrics().density;  
  179.         return (int) (pxValue / scale + 0.5f);  
  180.     }  
  181.   
  182. }  

 

效果图：


AllynZoe
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安卓学习之--使用Java代码创建Layout--实例
qq_21253703的博客
08-17 693
package com.demo;import android.support.v7.app.ActionBar; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.text.Layout; import android.util.Log; import android.
Android的布局Layout
李先生
03-17 370
1. FrameLayout 默认情况下从屏幕左上角(0.0)位置开始排列控件，后面的控件会覆盖或者完全覆盖前面的控件。一般用在启动界面，初始化界面、动画   FragmentTabHost   xml version="1.0" encoding="utf-8"?>     xmlns:android="http://schemas.android.com/apk/r
Android页面布局代码
04-29
Android页面布局代码,欢迎下载，也期待您一起分享您的精华，期待下载您的好资料
android 代码生成布局
Deaht_Huimie的博客
10-22 757
android 中布局一般都是在layout中用xml写好的，但有时候为了简化，也会用java代码生成布局，今 天就简单讲讲。 在layout中用xml写的布局     android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="
Android布局及代码优化
qfliweimin的博客
05-12 145
零、Android布局渲染原理 1、setContentView方法设置布局资源。 2、布局加载的过程中使用到了一个布局加载器：LayoutInflater。 3、Android去解析和展示一个布局是需要消耗时间的，布局嵌套的越多，那么解析起来就越耗时，性能也就越差，因此我们在编写布局文件时应该让嵌套的层数越少越好。 一、重用布局文件 Android系统中提供了非常多的控件，这让我们在编写布局的时候可以很轻松。但是有些时候我们可能需要反复利用某个已经写好的布局，如果你总是使用复制粘贴的方式来进行布
Android的layout下的代码
Sunraiseprice的博客
11-23 306
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http:/...
Android的Layout布局
pssalways的博客
09-12 1229
一、线性布局（LinearLayout）（比较重要） 1、LinearLayout是一个view组(view group)，其包含的所有子view都以一个方向排列，垂直或是水平方向 2、在LinearLayout使用gravity属性是操控它内部的控件的位置，而TextView使用gravity属性是操控控件中文字的位置，而不能控件本身在布局中的位置改变。 注意： ①LinearL...
androidjava源码-AndroidLayout:此源代码提供了AndroidLayout的示例
05-20
这份名为"androidjava源码-AndroidLayout"的资源提供了关于Android布局设计的示例源代码，可以帮助开发者深入理解如何有效地创建和管理Android应用的UI。 在Android中，布局通常由XML文件定义，这些文件位于项目的...
Android安卓源码-UI布局类源代码（7例）.zip
10-22
本资源“Android安卓源码-UI布局类源代码（7例）”提供了七个不同的布局示例，旨在帮助开发者深入理解和实践Android UI布局的实现。以下是对这些知识点的详细解释： 1. **线性布局（LinearLayout）**：这是最基础的...
安卓订餐源代码，基于android studio4.0 以上开发
05-28
该安卓订餐源代码项目是为移动应用开发者提供的一个学习和参考资源，旨在帮助他们了解如何使用Android Studio 4.0或更高版本构建一个完整的订餐应用。Android Studio是一款强大的集成开发环境（IDE），专为Android...
android 应用 源代码——表格框架布局
01-08
还有几十个电子书 和 源代码 请点击 我的名字 都是最近半年收集的android 开发资料和源代码，挑选出好的给大家
Android页面布局
05-11
android移动开发最常用的几种布局：线性布局、表格布局、相对布局、帧布局，以及布局嵌套。
android layout demo
09-24
此Demo容合了android 布局的全部例程，并且在TableLayout里增加了Activity之间的数据通信及返回数据的方法。
使用代码编写Android界面布局源代码
05-02
可以参考对应的文章有描述。 地址：http://blog.csdn.net/gufengcangying/article/details/24883831
Android——界面布局
01-03
在Android中，需要对每个控件定义大小、位置，需要给定一种布局的管理方式 线性布局（LinearLayout） 线性布局主要以水平和垂直方式来显示界面组件，支持为各个组件分配权重，确保组件显示的大小符合要求。 1. android:orietation 设置布局内组件排列方式，可选horizontal（水平排列）和vertical（竖直排列），默认为vertical。 2. android:gravity 设置布局内组件对齐方式，可选top（顶部）、bottom（底部）、left（左边）、right（右边）、center_vertical（垂直居中）、fill_vertical（垂直填充）
Android界面源代码
10-21
`Android界面源代码`主要涉及的是如何使用Android Studio这个强大的集成开发环境（IDE）来构建和设计应用程序的用户界面。Android Studio提供了丰富的工具和组件库，使得开发者可以创建出美观且功能丰富的应用界面。...
Android基础窗口界面之相对布局源代码RelativeLayout
03-16
RelativeLayout 允许子元素指定他们相对于其它元素或父元素的位置（通过ID 指定）。因此，你可以以右对齐，或上下，或置于屏幕中央的形式来...如果使用XML 来指定这个 layout ，在你定义它之前，被关联的元素必须定义。
android代码编写布局和控件
weixin_34409822的博客
12-16 95
//创建线性linearlayout布局对象LinearLayout ll = new LinearLayout(this);//设置linearlayout布局方向ll.setOrientation(LinearLayout.VERTICAL);//得到布局或控件高度int height = LinearLayout.LayoutParams.M...
android控件layout函数,Android 自定义控件详解及实例代码
weixin_42382398的博客
05-26 534
开发自定义控件的步骤:1、了解View的工作原理2、 编写继承自View的子类3、 为自定义View类增加属性4、 绘制控件5、 响应用户消息6 、自定义回调函数一、View结构原理Android系统的视图结构的设计也采用了组合模式，即View作为所有图形的基类，Viewgroup对View继承扩展为视图容器类。View定义了绘图的基本操作基本操作由三个函数完成：measure()、layout(...
android 翻牌 源代码 可运行
最新发布
01-11
Android 翻牌源代码是一个非常常见的开发需求，它通常用于展示卡片或图片，并提供一种翻转效果，给用户带来更好的交互体验。以下是一个可运行的Android翻牌源代码示例： 首先，在XML布局文件中，我们创建一个包括两个ImageView的LinearLayout，其中一个ImageView用于显示背面图像，另一个ImageView用于显示正面图像。然后，设置背面图像为默认图像。 ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/image_back" android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/default_image" /> <ImageView android:id="@+id/image_front" android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/default_image" /> </LinearLayout> ``` 然后，在Java代码中，我们需要实现点击屏幕翻牌的逻辑。我们可以使用Animation和AnimatorSet两个类来实现动画效果。当点击时，我们将正面图像向左旋转90度，并将背面图像向左旋转90度并设置可见。完成旋转后，我们交换正面图像和背面图像。 ```java public class FlipCardActivity extends Activity { private boolean isFrontVisible = true; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_flip_card); final ImageView imageBack = findViewById(R.id.image_back); final ImageView imageFront = findViewById(R.id.image_front); imageBack.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 创建正面图像的旋转动画 ObjectAnimator animFront = ObjectAnimator.ofFloat(imageFront, "rotationY", 0f, 90f); animFront.setDuration(500); // 设置动画持续时间 // 创建背面图像的旋转动画 ObjectAnimator animBack = ObjectAnimator.ofFloat(imageBack, "rotationY", -90f, 0f); animBack.setStartDelay(250); // 设置动画延迟时间 animBack.setDuration(500); // 设置动画持续时间 animBack.addListener(new Animator.AnimatorListener() { @Override public void onAnimationStart(Animator animation) {} @Override public void onAnimationEnd(Animator animation) { if (isFrontVisible) { imageFront.setVisibility(View.GONE); imageBack.setVisibility(View.VISIBLE); } else { imageBack.setVisibility(View.GONE); imageFront.setVisibility(View.VISIBLE); } isFrontVisible = !isFrontVisible; } @Override public void onAnimationCancel(Animator animation) {} @Override public void onAnimationRepeat(Animator animation) {} }); // 创建动画集合 AnimatorSet animatorSet = new AnimatorSet(); animatorSet.playSequentially(animFront, animBack); animatorSet.start(); } }); } } ``` 通过以上代码，我们可以实现一个简单的Android翻牌效果。可以根据实际需求，定制图像或动画细节等。这只是一个基本示例，你可以在该示例的基础上进一步扩展和优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值