首页 文章 精选 留言 我的

精选列表

搜索[UI库]，共10000篇文章
优秀的个人博客,低调大师

IOS UI 2013-8-9学习笔录

1.设置控件属性： 按住鼠标右键，然后拖放到controller.h，如果设置成 @property(retain,nonatomic)IBOutletUILabel*label; @property(retain,nonatomic)IBOutletUIButton*leftButton; 就是该ViewController的属性，可以在.m文件中使用self.label获取到该控件； 例如： [self.leftButtonsetTitle:@"LOVE"forState:UIControlStateHighlighted]; 就是点击按住按钮不放，然后按钮中文本会编程LOVE，但松手之后还会复原。 2.设置控件方法 按住鼠标右键，然后拖放到controller.h，如果选择IBAction的话就设置的是方法属性 - (IBAction)leftClick:(id)sender; - (IBAction)rightClick:(id)sender; 可以在.m文件中在自动生成的点击方法里面添加逻辑代码： 例如： - (IBAction)rightClick:(id)sender { self.label.text=@"right"; } 3.处理两个按钮同时拥有同一个事件，怎么区分？ 如果两个按钮同时指向拥有一个同一个click方法，但我们要知道是哪个按钮点击了该方法，那我们就要通过方法的click：(id)sender这个参数来识别是哪个按钮触发了该事件，最好是给每一个按钮设置一个tag来唯一标识每个按钮，然后在.m文件中通过宏定义来设置这些tag 例如： #define LEFT_BUTTON_Tag 1 #define RIGHT_BUTTON_Tag 2 -(IBAction)click:(id)sender { UIButton *button = (UIButton *)sender; if(button.tag == LEFT_Button_Tag) { self.Label.text = @"Left click"; } } 常用函数： -(void)removeFromSuperview; -(void)insertSubview:(UIView *)view atIndex:(NSInteger)index; -(void)exchangeSubviewAtIndex:(NSInterger)index1 withSubviewAtIndex:(NSInteger)index2; -(void)addSubview:(UIView *)view; -(UIView *)viewWithTag:(NSInteger)tag; 4.通过代码重新设置Lable大小： CGRect frame = CGRectMake(100,100,200,100); //测试之前先将Use Autolayout的功能不选，让我们自己来对label大小适合文字布局 //求字体大小 //在原来的基础上添加 self.label.text = str; //求字体的长度大小，隐藏在CGSize的分类方法中 CGSize size = [str sizeWithFont:self.label.font]; //自定义长方形大小 CGRect frame = CGRectMake(self.label.frame.origin.x,self.label.frame.origin.y,size.width,self.label.frame.size.height); //通过自己设置的frame大小来改变当前label长度的大小 self.lable.frame = frame; 额外方法： CGSize labelSize = [s sizeWithFont:font constrainedToSize:size lineBreakMode:UILineBreakModeWordWrap]; 意思就是：把字符串s当成font字体时候，在区间size内使用这行的情况下那么s应该有的大小，也就是s在最大size范围内的宽和高 将一个view添加到另外一个view中 [self.view addSubview:label2];//添加了之后计数器加1，要释放 [label2 release]; 本文转蓬莱仙羽51CTO博客，原文链接：http://blog.51cto.com/dingxiaowei/1366441，如需转载请自行联系原作者
2017-11-07
优秀的个人博客,低调大师

Android优化——UI优化（一）优化布局层次

优化布局层次 1.避免布局镶嵌过深（如下） <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" tools:context=".MainActivity"> <LinearLayout android:id="@+id/main_ll_duoyu" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:text="@string/hello_world" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center_horizontal" android:layout_gravity="center_vertical" > <TextView android:text="@string/hello_world" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </LinearLayout> </LinearLayout> </LinearLayout> 我们完全可以去掉id为：main_ll_duoyu的这个LinearLayout，也可以实现我们想要的效果（效果如下） 2.使用工具查看布局 工具路径 sdk\tools\hierarchyviewer.bat | 双击打开 查看布局对比 我们现在去掉了main_ll_duoyu的这个LinearLayout，我们比一下前两张图和最有一张图，中间少了一层，这里只是给举个例子，可以使用google提供的这些工具帮助我们优化app，增加用户体验的流畅性 3.默认最大布局深度 android 默认的对打布局深度为10 本文转自 一点点征服 博客园博客，原文链接： http://www.cnblogs.com/ldq2016/p/5226571.html ，如需转载请自行联系原作者
2017-11-07
优秀的个人博客,低调大师

Android UI开发第三篇——popupwindow

PopupWindow在android.widget包下，弹出窗口的形式展示。官方文档对该控件的描述是：“一个弹出窗口控件，可以用来显示任意视图(View)，而且会浮动在当前 活动(activity)的顶部”。PopupWindow可以让我们实现多种自定义控件，例如：menu、alertdialog等弹窗似的View。 popupwindow需要在onCreate时初始化、通过触发事件展示出来。 public class ShowPopupWindow extends Activity implements View.OnClickListener{ View view; PopupWindow pop; Button btnShowAsDrawDown; Button btnShowAsDrawDown1; Button btnShowAtLocation; @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.popup_activity); btnShowAsDrawDown = (Button)findViewById(R.id.btnShowAsDrawDown); btnShowAsDrawDown.setOnClickListener(this); btnShowAsDrawDown = (Button)findViewById(R.id.btnShowAsDrawDown1); btnShowAsDrawDown.setOnClickListener(this); btnShowAtLocation = (Button)findViewById(R.id.btnShowAt); btnShowAtLocation.setOnClickListener(this); initPopupWindow(); } @Override public void onClick(View v) { // TODO Auto-generated method stub switch(v.getId()) { case R.id.btnShowAsDrawDown: if(pop.isShowing()) { pop.dismiss(); } else { pop.showAsDropDown(v); } break; case R.id.btnShowAsDrawDown1: if(pop.isShowing()) { pop.dismiss(); } else { pop.showAsDropDown(v, 0, -160); } break; default: if(pop.isShowing()) { pop.dismiss(); } else { pop.showAtLocation(findViewById(R.id.main), Gravity.CENTER_HORIZONTAL, 0, 0); } break; } } private void initPopupWindow() { view = this.getLayoutInflater().inflate(R.layout.popup_window, null); pop = new PopupWindow(view, ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT); pop.setOutsideTouchable(true); view.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub pop.dismiss(); } }); } } popup_activity.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:id="@+id/main" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="pop demo!" /> <Button android:id="@+id/btnShowAsDrawDown" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Show as drawndown(one parameter)" /> <Button android:id="@+id/btnShowAsDrawDown1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Show as drawndown(three parameters)" /> <Button android:id="@+id/btnShowAt" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Show At Location" /> </LinearLayout> popup_window.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:gravity="center_horizontal" android:background="#d3d3d3"> <Button android:id="@+id/btn_pop" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Close" android:layout_margin="10dip" /> </LinearLayout> 本文转自xyz_lmn51CTO博客，原文链接：http://blog.51cto.com/xyzlmn/817389 ，如需转载请自行联系原作者
2017-11-07
优秀的个人博客,低调大师

Appium Android UI自动化简介 + 实战

一、自动化比较适合的场景 1、稳定迭代； 2、回归阶段；回归上一版功能，对新功能不适用。 3、研发驱动的底层代码重构； 不适合case：无网、支付、需要数据准备的case 二、Appium简介 Appium是目前最为强大的自动化测试框架，支持IOS 与Android。 IOS: 苹果公司的 UIAutomation。 Android 4.2+: Google公司的 UiAutomator。 Android 2.3+: Google公司的 Instrumentation. (Instrumentation 的支持是通过绑定另外一个独立的Selendroid项目来实现的)。 C/S 架构 Appium的核心是一个遵守REST设计风格的web 服务器，它接受客户端的连接，接收客户端的命令，在手机设备上执行命令，然后通过HTTP的响应收集命令执行的结果。 支持多语言 三、case编写思路 过程抽象： 定位-------操作-------等待---------校验---------定位 定位方式 1、文案 2、id 3、xpath 4、类名 5、属性 6、组合 PS：元素信息通过UIAutomator Viewer工具查看： 操作 1、点击；2、输入；3、滑动； 等待、判断页面元素出现或者消失: 1、 sleep 2、 View或文案显示 3、 View或文案消失 校验 按需求~文案显示或消失，View显示或消失，Dialog消失或消失，Toast等等 四、操作步骤 1、JDK、Android、eclipse、appium 等环境安装 2、启动appium server端 3、run，举例说明~~ /** * example用例 */ @Test public void test_000_example() { Gotocate(1); Sleep(2000); //文案 driver.findElementByAndroidUIAutomator("new UiSelector().text(\"餐饮\")").click(); Sleep(2000); driver.findElementById("com.baidu.lbs.waimai:id/back").click(); Sleep(2000); //id driver.findElementById("com.baidu.lbs.waimai:id/left_container").click(); Sleep(2000); driver.findElementById("com.baidu.lbs.waimai:id/actionbar_left").click(); Sleep(1000); //xpath driver.findElementByXPath("//android.widget.LinearLayout/android.widget.LinearLayout[1]/android.widget.RelativeLayout[2]").click(); Sleep(2000); driver.findElementById("com.baidu.lbs.waimai:id/back").click(); Sleep(2000); //类名--推荐在View数量小的页面使用 //滑动--下拉 int width = driver.manage().window().getSize().width; int height = driver.manage().window().getSize().height; for(int i = 0; i < 10; i++) { driver.swipe(width / 2, height * 3 / 4, width / 2, height / 4, 1000); } // WaitForStringShow("餐饮"); // WaitForViewShow("com.baidu.lbs.waimai:id/left_container"); // WaitForViewHide("com.baidu.lbs.waimai:id/left_container"); } 五、失败case问题定位 三种可能：1、bug—>提icafe；2、脚本问题->Fix；3、工具问题->寻求其他方式解决；4、环境准备问题（无网、手机无电、有弹窗、目标app后台未杀死等等） 定位问题方式： 1、查看失败case截图 2、定位代码行，查看出错原因（函数级） 3、结合功能，确定出错点 特例：crash，无结果收集，需手工复现
2017-09-29
优秀的个人博客,低调大师

iOS_UI进阶【拖拽排序】的实现

导读 拖拽排序是新闻类的App可以说是必有的交互设计，如今日头条，网易新闻等。拖拽排序是一个交互体验非常好的设计，简单，方便。 github地址：https://github.com/HelloYeah/DraggingSort 欢迎Star，予人玫瑰，手有余香。 今日头条的拖拽排序界面 我实现的长按拖拽排序效果 实现方案 1.给CollectionViewCell添加一个长按手势，通过协议把手势传递到collectionView所在的控制器中。 - (void)awakeFromNib{ self.layer.cornerRadius = 3; self.layer.masksToBounds = YES; //给每个cell添加一个长按手势 UILongPressGestureRecognizer * longPress =[[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(longPress:)]; longPress.delegate = self; [self addGestureRecognizer:longPress]; } - (void)longPress:(UILongPressGestureRecognizer *)longPress{ if (self.delegate && [self.delegate respondsToSelector:@selector(longPress:)]) { [self.delegate longPress:longPress]; } } 2.开始长按时对cell进行截图，并隐藏cell。 - (void)longPress:(UILongPressGestureRecognizer *)longPress{ //记录上一次手势的位置 static CGPoint startPoint; //触发长按手势的cell MovingCell * cell = (MovingCell *)longPress.view; //开始长按 if (longPress.state == UIGestureRecognizerStateBegan) { [self shakeAllCell]; //获取cell的截图 _snapshotView = [cell snapshotViewAfterScreenUpdates:YES]; _snapshotView.center = cell.center; [_collectionView addSubview:_snapshotView]; _indexPath= [_collectionView indexPathForCell:cell]; _originalCell = cell; _originalCell.hidden = YES; startPoint = [longPress locationInView:_collectionView]; } 3、在手势移动的时候，移动截图视图，用遍历的方法求出截图移动到哪个cell的位置，再调用系统的api交换这个cell和隐藏cell的位置，并且数据源中的数据也需要调整顺序 //手势移动的时候 else if (longPress.state == UIGestureRecognizerStateChanged){ CGFloat tranX = [longPress locationOfTouch:0 inView:_collectionView].x - startPoint.x; CGFloat tranY = [longPress locationOfTouch:0 inView:_collectionView].y - startPoint.y; //设置截图视图位置 _snapshotView.center = CGPointApplyAffineTransform(_snapshotView.center, CGAffineTransformMakeTranslation(tranX, tranY)); startPoint = [longPress locationOfTouch:0 inView:_collectionView]; //计算截图视图和哪个cell相交 for (UICollectionViewCell *cell in [_collectionView visibleCells]) { //跳过隐藏的cell if ([_collectionView indexPathForCell:cell] == _indexPath) { continue; } //计算中心距 CGFloat space = sqrtf(pow(_snapshotView.center.x - cell.center.x, 2) + powf(_snapshotView.center.y - cell.center.y, 2)); //如果相交一半且两个视图Y的绝对值小于高度的一半就移动 if (space <= _snapshotView.bounds.size.width * 0.5 && (fabs(_snapshotView.center.y - cell.center.y) <= _snapshotView.bounds.size.height * 0.5)) { _nextIndexPath = [_collectionView indexPathForCell:cell]; if (_nextIndexPath.item > _indexPath.item) { for (NSUInteger i = _indexPath.item; i < _nextIndexPath.item ; i ++) { [self.array exchangeObjectAtIndex:i withObjectAtIndex:i + 1]; } }else{ for (NSUInteger i = _indexPath.item; i > _nextIndexPath.item ; i --) { [self.array exchangeObjectAtIndex:i withObjectAtIndex:i - 1]; } } //移动 [_collectionView moveItemAtIndexPath:_indexPath toIndexPath:_nextIndexPath]; //设置移动后的起始indexPath _indexPath = _nextIndexPath; break; } } 4.手势停止时，移除截图的view，显示隐藏cell //手势停止时 }else if(longPress.state == UIGestureRecognizerStateEnded){ [self stopShake]; [_snapshotView removeFromSuperview]; _originalCell.hidden = NO; } 其他 代码还可以进一步封装，写一个数据管理类dataTool，dataTool作为collectionView的数据源，所有的数据源方法都写到dataTool类中。手势的代理方法也在里面实现，这样控制器会简洁很多，控制器就不需要关注拖拽排序的具体逻辑了。大家有空可以自己写写看，也许你们有更好的处理方案，可以评论交流一下。 github地址：https://github.com/HelloYeah/DraggingSort 提示 如果你们是从iOS9开始适配的话，那么可以用系统的Api，非常简单好用 //是否允许拖拽 - (BOOL)collectionView:(UICollectionView *)collectionView canMoveItemAtIndexPath:(NSIndexPath *)indexPath NS_AVAILABLE_IOS(9_0); /** * 从sourceIndexPath 拖拽至destinationIndexPath，在这个代理方法里修改数据源即可。 * exchangeObjectAtIndex:sourceIndexPath.item withObjectAtIndex: destinationIndexPath.item */ - (void)collectionView:(UICollectionView *)collectionView moveItemAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath*)destinationIndexPath NS_AVAILABLE_IOS(9_0);
2017-02-22
优秀的个人博客,低调大师

跨平台原生 UI 框架 AtomUI OSS 5.0.0 发布

很高兴在这里宣布 AtomUI OSS 5.0.0 版本发布，本次更新给各位开发者朋友带来了新的 Steps 控件以及优化对 Application 类的控制权，同时修复了若干 BUG。 新特性 新增 Steps 控件 数据表格新增操作提示器 优化 优化 NavMenu 控件结构，重写底层结构，支持用数据源绑定的方式生成导航菜单 优化对 Application 的接管，改用 IThemeManager 的方式，方便Prism 等框架进行整合 优化 combobox 控件的 Popup，支持开发者自己指定显示条目的数量 优化 CircleProgress，现在支持自己指定成功和失败的图标 优化 SelectableTextBlock 控件 优化 LoadingIndicator，重名为 Spin，并且彻底重写 Bug 修复 修复在苹果系统下编译方法不存在的问题 修复点击 DataGrid 的行标题报异常 修复系统字体干扰问题 修复 Button 设置字体为斜体的时候，部分字母显示不全 修复 ColorPicker 关闭色彩选择框后，再打开就失效了 修复 atom:Window 的 IsTitleBarVisible 属性无效 关于 5.0.0 版本的说明 开发者朋友可能比较疑惑，为什么 AtomUI OSS 的版本一下飙升到 5.0，这里我给大家进行说明一下。因为 AtomUI OSS 本质上是 Ant Design 5.0 设计语言的 Avalonia/.NET 实现，为了降低对开发者的解释成本，AtomUI OSS 从这个版本开始锚定 Ant Design 的主版本。 例如： AtomUI OSS 5.0 -> Ant Design 5.0 AtomUI OSS 6.0 -> Ant Design 6.0 AtomUI OSS 7.0 -> Ant Design 7.0 并且以此类推 AtomUI OSS 发展离不开开发者朋友的支持和帮助，如果您在使用过程中，发现任何问题欢迎在我们的开发者群和 Gitee 或者 Github 上给我们留下宝贵的意见，谢谢！ 北京秦派软件科技有限公司 (Qinware TechnologiesCo., Ltd.)是一家致力于开发生产力工具软件的技术公司，成立之初立志要在工具软件领域深耕，践行精益求精的研发精神，努力推出优质的生产力工具软件服务国内外的开发者，提升开发者的工作效率，同时创造出商业价值和社会价值。
2025-10-17
优秀的个人博客,低调大师

JNotepad 1.1.5 更新：优化软件性能和 UI 显示

JNotepad 1.1.5 现已发布。 JNotepad 是一个使用 JavaFX 构建的简单文本编辑器，允许用户创建、打开、编辑和保存文本文件。它支持多个标签，每个标签包含一个文本编辑区域。该编辑器提供基本功能，如创建新文件、打开现有文件、保存文件和使用不同名称保存文件。 具体更新内容包括 --使用后台线程加载文件--优化字数识别--优化文本编码识别--优化源码注释
2023-08-10

资源下载

更多资源
Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

时间: 2026-09-24 大小: 189MB 下载: 9次
Rocky Linux

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

时间: 2026-08-21 大小: 1.42GB 下载: 6次
Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

时间: 2026-08-21 大小: 9.84MB 下载: 40次
WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

时间: 2025-12-13 大小: 249.54MB 下载: 22次
热门标签
DeepSeek Jdk25 OpenAi HarmonyOS6 Nacos3 SpringBoot4 SpringCloud Docker Kubernetes Service Mesh Redis Gemini3 Rocky

欢迎您来访！

登录后，您将获得更多功能！
热门文章
联系我们

有任何问题或合作意向欢迎联系我们

Email: 99873273@qq.com

QQ: 99873273

用户登录
用户注册