您的位置:时时app平台注册网站 > 编程知识 > (androidUI设计)自适应UI设计经验总结【时时app平台

(androidUI设计)自适应UI设计经验总结【时时app平台

2019-10-30 04:18

    (4)CheckBox 复选框

   (1)允许开发人员定义可扩展区域,当需要延伸图片以填充比图片本身更大区域时,可扩展区的内容被延展。

    (1)Label 控件 这是一个用于放置文字的控件,因为你不能在窗体上直接输入文字。

* *

    (6)PictureBox 图片框

4 界面布局时,小分辨率的设备,放置不下。

  下面附上笔者自制的一个拼图游戏及代码文件:时时app平台注册网站 1

* *

    (2)TextBox 文本框

   放置不下的部分,直接用滚动条

    (3)Button 按钮

             android:layout_height="fill_parent"

时时app平台注册网站 2时时app平台注册网站 3

属性的意义: 设置额外分配给控件的空间,默认为0 ,控件保持不变 ,属性大于0,则将屏幕剩余的控件分配给控件。

 

进行自动适应

  1 using System;
  2 using System.Collections;
  3 using System.Collections.Generic;
  4 using System.ComponentModel;
  5 using System.Data;
  6 using System.Drawing;
  7 using System.Linq;
  8 using System.Text;
  9 using System.Threading.Tasks;
 10 using System.Windows.Forms;
 11 
 12 namespace WindowsFormsApplication1
 13 {
 14     public partial class Form1 : Form
 15     {
 16         public Form1()
 17         {
 18             InitializeComponent();
 19             ImgList = null;
 20         }
 21         #region 定义字段
 22         List<Image> _imgList;
 23         /// <summary>
 24         /// 定义属性
 25         /// </summary>
 26         public List<Image> ImgList
 27         {
 28             get { return _imgList; }
 29             set
 30             {
 31                 _imgList = new List<Image>();
 32                 _imgList.Add(pictureBox1.BackgroundImage);
 33                 _imgList.Add(pictureBox2.BackgroundImage);
 34                 _imgList.Add(pictureBox3.BackgroundImage);
 35                 _imgList.Add(pictureBox4.BackgroundImage);
 36                 _imgList.Add(pictureBox5.BackgroundImage);
 37                 _imgList.Add(pictureBox6.BackgroundImage);
 38             }
 39         }
 40         #endregion
 41         #region 开始按钮
 42         private void button1_Click(object sender, EventArgs e)
 43         {
 44             //随机6个不同的数
 45             Random rd = new Random();
 46             int[] x = new int[6];
 47             for (int i = 0; i < 6; i  )
 48             {
 49                 x[i] = rd.Next(0, 6);
 50                 for (int j = 0; j < i; j  )
 51                 {
 52                     if (x[i] == x[j])
 53                     {
 54                         i--;
 55                         break;
 56                     }
 57                 }
 58             }
 59             //重新设置图像
 60             pictureBox1.BackgroundImage = ImgList[x[0]];
 61             pictureBox2.BackgroundImage = ImgList[x[1]];
 62             pictureBox3.BackgroundImage = ImgList[x[2]];
 63             pictureBox4.BackgroundImage = ImgList[x[3]];
 64             pictureBox5.BackgroundImage = ImgList[x[4]];
 65             pictureBox6.BackgroundImage = ImgList[x[5]];
 66             //倒计时开始,并允许玩家操作
 67             time = 5;
 68             label2.Text="5";
 69             timer1.Start();
 70             pictureBox1.Enabled = true;
 71             pictureBox2.Enabled = true;
 72             pictureBox3.Enabled = true;
 73             pictureBox4.Enabled = true;
 74             pictureBox5.Enabled = true;
 75             pictureBox6.Enabled = true;
 76         }
 77         #endregion
 78         #region 玩家操作
 79         //定义匹配变量
 80         int match = 0;
 81         //存储上一张图片
 82         PictureBox lpb = new PictureBox();
 83         //响应用户操作
 84         private void pictureBox1_Click(object sender, EventArgs e)
 85         {
 86             PictureBox pb = sender as PictureBox;
 87             //截取Name的最后一位作为唯一标识
 88             int n = int.Parse(pb.Name.Substring(10, 1));
 89             //判断是否已经正确归位,如果没有正确归位
 90             if (pb.BackgroundImage != ImgList[n - 1])
 91             {
 92                 //重置参数
 93                 if (match == 2)
 94                 {
 95                     match = 0;
 96                 }
 97                 //交换背景图片
 98                 if (match == 1)
 99                 {
100                     Image img = pb.BackgroundImage;
101                     pb.BackgroundImage = lpb.BackgroundImage;
102                     lpb.BackgroundImage = img;
103                     //判断是否全部归位
104                     if (pictureBox1.BackgroundImage == ImgList[0] && pictureBox2.BackgroundImage == ImgList[1] && pictureBox3.BackgroundImage == ImgList[2] && pictureBox4.BackgroundImage == ImgList[3] && pictureBox5.BackgroundImage == ImgList[4] && pictureBox6.BackgroundImage == ImgList[5])
105                     {
106                         timer1.Stop();
107                         MessageBox.Show("恭喜您,顺利过关!");
108                     }
109                 }
110                 lpb = pb;
111                 match  ;
112             }
113         }
114         #endregion
115         #region 计时功能
116         int time = 5;
117         private void timer1_Tick(object sender, EventArgs e)
118         {
119             if (time > 0)
120             {
121                 time--;
122                 label2.Text = time.ToString();
123             }
124             else
125             {
126                 //停止计时,并禁止玩家操作
127                 timer1.Stop();
128                 pictureBox1.Enabled = false;
129                 pictureBox2.Enabled = false;
130                 pictureBox3.Enabled = false;
131                 pictureBox4.Enabled = false;
132                 pictureBox5.Enabled = false;
133                 pictureBox6.Enabled = false;
134                 MessageBox.Show("很遗憾,游戏失败!");
135             }
136         }
137         #endregion
138 
139  
140 
141     }
142 }

   (2)允许开发人员定义内容显示区,用于显示文字或其他内容

    (5)Panel  分组容器,类似于HTML中的div

与传统的png 格式图片相比, 9.png 格式图片在图片四周有一圈一个像素点组成的边沿,该边沿用于对图片的可扩展区和内容显示区进行义。 

View Code

原理:利用 相对布局先设置好上下绝对位置,后 中间的控件的位置就能自动适应

    (7)WebBrowser 它可以允许用户在窗体内浏览网页,可用于制作浏览器

 

  现在,我们来了解一些基本控件。控件是放置在工具箱里的,你可以在界面的左侧或者通过菜单栏的视图选项找到它。

1 自适应图片---9 patch 图片

通过relationlayout 中的最后一个子项,设置              android:layout_width="fill_parent"

5 在设置控件的尺寸时,用dp 而不用px

 

layout_weight 属性

上中下三块布局,中间的部分自适应

2 神奇的控件属性:layout_weight

 

   这种格式的图片在android 环境下具有自适应调节大小的能力。

本文由时时app平台注册网站发布于编程知识,转载请注明出处:(androidUI设计)自适应UI设计经验总结【时时app平台

关键词: