展开

关键词

Android实现简单

当然,GoogleNow最为引人注目的当属它的设计。Google自家应用纷纷采用(Google Now,Google Plus,Google Play)。 ? ? 在最新的QQ空间、新浪微博、豌豆荚中也可以见到设计的影子 ? ? 下面介绍一种简单实现的方 list_item.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android iv_logo" android:text="@string/hello_world" android:textSize="13sp" / </RelativeLayout 自定义Shape图radius_bg.xml apk/res/android" <corners android:radius="3dp"/ <solid android:color="#ffffff"/ </shape 主界面

40810

HTML

HTML HTML四剑客-Flex,Grid,Table,Float - KeepLearning_! - 博客园 Float 浮动 Table 表格 Flex 弹性 Grid 网格 弹性 html5:div 横向排列的方法。_我的成长之路! -CSDN博客_div横向排列 Flex 教程:语法篇 - 阮一峰的网络日志 Flex 教程:实例篇 - 阮一峰的网络日志 Flex 示例 网格 CSS Grid 网格教程 - 阮一峰的网络日志

27510
  • 广告
    关闭

    90+款云产品免费体验

    提供包括云服务器,云数据库在内的90+款云计算产品。打造一站式的云产品试用服务,助力开发者和企业零门槛上云。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Java开发GUI之CardLayout

    Java开发GUI之CardLayout     CardLayout允许进行多套界面的设计,通过切换界面来实现的改变。 CardLayout类似与一叠,默认最先添加的在前面,界面始终只展示一个。 ,是通过名来确定的,所以上面的代码将Choice的标题设置为和的名称一致。 CardLayout类中方法总结如下: //默认的构造方法 public CardLayout(); //构造方法 hgap设置水平间距 vgap设置竖直间距 public CardLayout public void previous(Container parent); //显示最后一个界面 public void last(Container parent); //显示指定名称的界面

    26910

    Android控件CardView实现

    CardView介绍 CardView是Android 5.0系统引入的控件,相当于FragmentLayout控件然后添加圆角及阴影的效果;CardView被包装为一种,并且经常在ListView 和RecyclerView的Item中,作为一种容器使用。 compile 'com.android.support:appcompat-v7:24.2.0' compile 'com.android.support:cardview-v7:24.2.0' } 文件 R.layout.activity_main); cardView = (CardView)findViewById(R.id.cardView); cardView.setRadius(8);//设置图圆角的半径大小 cardView.setCardElevation(8);//设置阴影部分大小 cardView.setContentPadding(5,5,5,5);//设置图距离阴影大小 } } 好,

    88220

    学会使用CardView,简单实现效果

    一、CardView简介 CardView是Android 5.0系统引入的控件,相当于FragmentLayout控件然后添加圆角及阴影的效果。 app:cardBackgroundColor:设置的背景色。 app:cardCornerRadius:设置的圆角大小。 app:contentPadding:设置内容的padding。 这里有一点需要值得注意,之前学习到的控件属性都是android:开头的,而这里所列的属性是app:开头的,如果继续使用默认的会提示找不见对应属性,需要我们定义一个app命名空间,在文件中需要加入xmlns 10dp"/> </android.support.v7.widget.CardView></LinearLayout> 然后新建CardViewActivity.java文件,加载上面的文件 三、CardView示例2 CardView被包装为一种,并且经常在ListView和RecyclerView的Item中,作为一种容器使用。

    1.4K70

    uni-app学习笔记-(五)

    ://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png" extra="额外信息" note="Tips"> 内容主体,可自定义内容及样 -- 图文 --> <uni-card title="标题文字" mode="style" :is-shadow -- 标题 --> <uni-card title="Dcloud" mode="title" :is-shadow

    1.6K20

    HTML&CSS06_默认级别

    不会代码的设计不是好程序员,在这里我为同学们准备了有关HTML&CSS的一系列教学视频。

    23820

    Material Design 实战 之第四弹 ——

    也是MaterialsDesign中提出的一个新的概念,它可以让页面中的元素看起来就像在中一样,并且还能拥有圆角和投影,下面我们就开始具体学习一下。 正文 ---- CardView 首先这里准备用CardView来填充主题内容, CardView是用于实现效果的重要控件,由appcompat-v7库提供。 然后我们在CardView中放置了一个TextView,这个TextView就会显示在一张中了。 ,从而使得RecyclerView中的每个元素都是在当中的。 之后是RecyclerView的逻辑,这里使用GridLayoutManager

    58710

    HTML+CSS实现响应页面,响应入门教程

    1 什么是响应? 响应指的是同一页面在不同屏幕尺寸下有不同的。在移动互联网高度发达的今天,我们在桌面浏览器上开发的网页已经无法满足在移动设备上查看的需求。 EthanMarcotte在2010年5月份提出了响应的概念,简而言之,就是一个网站能够兼容多个终端。 2 响应开发的原理? 响应开发的原理是使用CSS3中的Media Query(媒体查询)针对不同宽度的设备设置不同的和样,从而适配不同的设备。

    响应指的是同一页面在不同屏幕尺寸下有不同的。 传统的开发方是PC端开发一套,手机端再开发一套,而使用响应只要开发一套就够了。

    3.9K50

    HTML之弹性

    相信大家在做html页面的时候都有过一个很脑袋疼的问题,那就是尺寸不平均,尺寸不平均会导致页面的不整齐,今天给大家分析下弹性。 弹性html中是很广泛的一个属性,他可以让你整个页面的合理化的分在平均的位置上,重要的是他可以根据的你的分辨率来改变宽度。这样就不会因为不知道怎么让整齐而抓破头了。 html+css代码: <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .big-box div class="box-1">

    </body> </html

    9430

    如何实现同等间隙的

    在列表展示中,经常会使用的内容展示形,为了美观,常常要求各间的间隙是一致的。 内容不一样可能高度不等,但一般来说为了整体的一致性,会限制每个的宽高都相等。 本文就基于宽高一致的多个,在不同屏幕大小下,每行数量可能有调整,考量如何实现等间隙的。 点我预览 ? 放置一张张项,为了设置间距,最常见的就是直接使用一个特定的margin值了,这种方虽然可以(通过精确计算后确实也可以) 直接设置一个间距,比如统一 margin-left 和 margin-bottom 都为 20px ,并不能保证每行最后一个之后的间距是20px 关于如何定这个 margin的值,需要通过一个规则来计算,这个后文再说明 设置同等间距,常用的还有 flex中的 justify-content 把这些临界值放在媒体查询里面配置,即可方便地实现这种的自适应。

    60420

    Android RecyclerView多类型解决方案

    viewHolder 单项view集合 */ public void onCreate(RecyclerViewHolder viewHolder){ } /** * 返回单项的资源 id,如果重写了{@link #onCreateView(ViewGroup)},则此方法可能失效 * @return 单项layout id */ @LayoutRes protected com.lkh.multiadapter.ItemViewAdapter; import com.lkh.multiadapter.MultiRecyclerViewAdapter; /** * 多 总的来说,实现一个多类型列表只需要写多个不同ItemViewAdapter、继承MultiRecyclerViewAdapter用来控制不同数据使用不同ItemViewAdapter,新增一个只需要新增一个 public MapData getContextMap() { return mMapData; } } package com.lkh.multiadapter; /** * 多

    38810

    分享 10 个常见的 CSS 页面代码

    大家好,本篇文章将分享我们业务中很常见的10个页面代码段,这10 种页面很常见,实现方也有很多种,本篇文章将用最简单的新方进行实现,希望对大家有所启发。 1、Card layout() 如下图所示,是我们常见的一种页面HTML部分

    html+css学习笔记019-H5响应0自适应

    Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 html+css 前端学习的基础 html+css毕业已经有两个星期 现在原生js班学习也有一个多星期了 -- 外链样表 --> <style type='text/css'> /*内部样表*/ /* 响应 */ @import url('. /css/css.css') screen and (min-width:500px) and (max-width:800px); /* 响应内部样表引用方:不推荐 */ .box{ width -- 响应外链样表引入方法 --> </head> <body>

    <! -- 自适应js控制代码 --> </body> </html>

    69220

    利用Flutter中的ListView进行动态

    本文主要介绍 listView下进行动态 真香!本来觉得用以前的java就能做的为啥还用flutter,但是最近接触flutter之后感觉这才是写移动应用的神器啊! ,各种适配器传参简直了 效果 可以显示gif动图哦,真强大,某些模拟器中可能有闪烁现象,但是我的手机上没有,可能是兼容问题 ) 原理 在完成这个效果之前, 分两步走,listview列表和card BoxFit.cover,)//图像铺满 ), ListTile( leading: CircleAvatar( //专门将图转换为头像 ', "description": 'the beautiful' } ]; ​ 在main.dart中,我们传入以下代码(import的路径可能需要修改) 将listData通过map形传入成为 ) ); }).toList(),//注意这里要转换成列表,因为listView只接受列表 ); } } ​ ​ 综上,只需两个文件,几十行代码即可完成

    26520

    HTML|制作表单、

    问题描述 什么是html表单? 如何在html网页制作实现选择框或是下拉菜单? 如何实现html? 而在注册的时候,会让我们填写一个个人信息表,这样的一个网页就可以用html的表格、表单、等来完成制作。 1 html ? 图1 div元素使用示例 2 html表单 ? 图2.2 标签示例 结语 在使用html进行一个注册表的编写时,要注意表单的标签使用,标签是最重要和基本的标签,定义类型必须包含在标签之内。 html时,可以加入颜色值。 ? END 实习编辑 | 王文星 责 编 | 吴怡辰 where2go 团队

    80510

    Android Tangram模型:连淘宝、天猫都在用的UI框架模型你一定要懂

    应用场景 常规业务 中 复杂的混排,如:浮动、栏格、通栏、一拖N、瀑,还可以组合使用这些 具体场景是:如电商平台首页、活动频道等等 Tangram 模型目前已在手机天猫 页面概念模型 一个页面实体由3部分组成:页面(Page)、(Card) & 组件(Item) 具体如下图: ? 之间的关系:组件 构成 构成 页面。 作用:负责逻辑 即对组件进行 组合 & 只声明,不提供细节 组成 由有四部分组成:header、footer、body、style ? ? 5.3 原理解析 当页面数据传入时: 核心引擎调用 数据解析器 将 数据 转换成和组件对象 解析过程会根据之前注册过的、组件类型来解析 未定义的数据将会被抛弃 数据解析器将解析完毕的框架 根据提供的信息进行 框架 根据组件提供的组件信息获取组件实例,容器里 ---- 6.

    1.2K10

    响应

    响应:根据不同的尺寸适配 viewport width=device-width 设置视口的宽度等于设备的宽度,如果不设置的话,默认视口的宽度是980px 通俗理解:我们这个操作其实展示当前这个页面一共有多宽 (浏览器的宽度) 高清屏幕:苹果手机是二倍高清屏幕,也就是我们在手机上看到的那张100100的图,其实苹果手机是按照200200的尺寸进行渲染的, 如果真实图是100100,最后呈现出来的就是被拉伸后边模糊的效果 苹果手机上需要的素材图都需要比看到的尺寸大一倍才可以,安卓不用 DPI适配思想:我们在做页面的时候,最好每一张图都准备两套或三套比如: logo.png 100100 logo@2x.png (min-width:320px) and (max-width:359px){ //大于等于320小于360 } 响应的解决方案:流法 1、容器或者盒子的宽度一般都不写固定的值 常用的安卓手机尺寸:320、360、480、540、640、720 特殊情况,设计师的设计稿是640px 我们的素材图也是640px的,这样的话在iphone6/iphone6 plus展示的时候,图不够大

    25120

    CSS相关

    最近受到了App Store主页风格的影响,正巧又看到了sketch官网的设计,所以深受的影响。真巧最近在改别人的主题,于是就想自己去写一套风格的typecho主题。 5/* 从下到上,从蓝色开始渐变、到高度40%位置是绿色渐变开始、最后以红色结束 */ 6linear-gradient(0deg, blue, green 40%, red); 7 8 9/*扁平设计 css 1box-shadow: 0 3px 15px 0 rgba(27, 132, 211, 0.4); COPY 那么整一个风格可以写成这样(shetch样) css 1.colorgradient-card > COPY CSS弹性(Flex ) Flex 是 Flexible Box 的缩写,意为"弹性",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 。 css 1.box{ 2 display: flex; 3} COPY 行内元素也可以使用 Flex

    6120

    两个HTML,CSS实例

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- *{}: 样表先设置好通用样,比如margin:0px auto;居中,padding:0px,去掉多余的内边距,大部分字体样,等。 看好网页大致分为几块,然后开始从头设置。 在流中,在前面的元素先走,所以如果设置向右流,代码中的顺序应该反过来写。 在font-famliy中可以设置多个字体,如果浏览器不识别第一个则会自动识别下一个。 如果设置的正常字体在浏览器中显示不正确,应查看编码格HTML和css使用的注释不同,在HTML代码中使用,但是在css中该注释无效,应使用/*  */。 :hover鼠标移上的效果,基本设置和普通样一样,有几个需要注意 cursor:pointer; 鼠标的光标变成手 border-radius:5px;圆角,像素的多少代表圆角的弧度 box-shadow

    1.5K60

    相关产品

    • 云导播台

      云导播台

      云导播台(LVC)依托腾讯云强大的视频直播能力,在云端实现直播流的切换,多画面的混流播出。支持自定义画面布局、音视频同步切换等省去了沉重的硬件设备,可以让用户方便快捷的使用导播服务,丰富线上业务场景。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券