精华内容
下载资源
问答
  • android怎样可以其他的xml页面设置背景图片?通过代码设置
  • Android在页面设置背景图片

    千次阅读 2020-05-21 13:46:28
    Android在页面设置背景图片 在页面上设置背景,不需要在布局中设置。 在onCreate方法中加入代码: getWindow().setBackgroundDrawableResource(R.drawable.a); R.drawable.a为res资源文件夹下的资源图片a

    Android在页面设置背景图片

    在页面上设置背景,不需要在布局中设置。
    在onCreate方法中加入代码:

    this.getWindow().setBackgroundDrawableResource(R.drawable.a);

    R.drawable.a为res资源文件夹下的资源图片a

    展开全文
  • jsp页面设置图片背景

    千次阅读 2016-03-29 09:43:03
    在head标签内加入 背景  body{  background-image: url(images/weimeigirl.jpg);  background-repeat: repeat-x;  }

    在head标签内加入

    <title>背景</title>    

    <style type="text/css">    
     body{    
          background-image: url(images/weimeigirl.jpg);    
          background-repeat: repeat-x;    
      }    
     </style>  
    展开全文
  • javaSE图形编程,如何设置背景图片呢?提供一段可以使用的代码!

    如何使用纯正的 JavaSE开发 GUI程序呢?

    这里我们需要使用 Java的 AWT  和 Swing 框架来实现图形化编程,下面是一个 简单的登录界面程序, 设置了自定义的背景


    代码逻辑并不复杂,直接贴上代码:

    import java.awt.*;
    import javax.swing.*;
    
    public class TestLogin {
        JFrame jf = new JFrame("[欢迎进入银行自助系统]");
        JLabel lb0 = new JLabel("     银 行 自 助 终 端");
        JLabel lb1 = new JLabel("用       户      名:");
        JLabel lb2 = new JLabel(" 密            码:");
    
        /*
         * 加载背景图片
         */
        
        ImageIcon background = new ImageIcon("C:\\welcome.jpg");
        JLabel label = new JLabel(background);
        protected JTextField jt1 = new JTextField(15);
        protected JPasswordField jt2 = new JPasswordField(15);
        JButton btn1 = new JButton("登 陆");
        JButton btn2 = new JButton("重 置");
        JButton btn3 = new JButton("开 户");
    
        public void init() {
            /*
             * 设置标签大小
             */
            
            label.setBounds(0, 0, background.getIconWidth(), background.getIconHeight());
            
            /*
             * 主界面获得容器JPanel
             */
            
            jf.getLayeredPane().add(label, new Integer(Integer.MIN_VALUE));
            JPanel jp = (JPanel) jf.getContentPane();
            
            /*
             * JPanel对象才可以调用setOpaque(false);设置是否透明
             */
            
            jp.setOpaque(false);
            JPanel jpanel = new JPanel();
            jpanel.setOpaque(false);
            
            /*
             * 去除JPanel默认布局方式,以实现各个控件自己的定位
             */
            
            jpanel.setLayout(null);
    
            lb0.setForeground(Color.YELLOW);
            lb0.setBounds(198, 5, 200, 30);
            lb1.setBounds(80, 50, 140, 30);
            lb2.setBounds(80, 100, 140, 30);
            jt1.setBounds(188, 50, 180, 23);
            jt2.setBounds(188, 100, 180, 23);
            btn1.setBounds(80, 180, 100, 25);
            btn2.setBounds(180, 180, 100, 25);
            btn3.setBounds(280, 180, 100, 25);
    
            jpanel.add(lb0);
            jpanel.add(lb1);
            jpanel.add(lb2);
            jpanel.add(btn1);
            jpanel.add(btn2);
            jpanel.add(btn3);
            jpanel.add(jt1);
            jpanel.add(jt2);
    
            jf.add(jpanel);
            jf.setBounds(460, 260, 500, 300);
            jf.setVisible(true);
        }
    
        public static void main(String[] args) {
            new TestLogin().init();
        }
    }



    开发UI界面是一个令人兴奋的过程, 最终效果如下: 




    展开全文
  • Uniapp设置页面背景图片

    万次阅读 2019-05-23 10:32:06
    可以通过设置view的background或者background-image属性来实现: <template> <view class="content" :style="{background: 'url('+imageURL+')'}"> <!-- 如果是设置background-image则写成:<...

    可以通过设置view的background或者background-image属性来实现:

    <template>
    	<view class="content" :style="{background: 'url('+imageURL+')'}">
    	<!-- 如果是设置background-image则写成:<view class="content" :style="{backgroundImage: 'url('+imageURL+')'}"> -->
    	</view>
    </template>
    
    <script>
    	export default {
    		data() {
    			return {
    				imageURL: '/static/navigation/validCode_back.png'
    			};
    		}
    	}
    </script>
    

    Uniapp论坛说不支持本地图片作为背景,但实测上述方法是支持的。background和background-image差不多,都能实现设置页面背景图,但两者略有区别。使用background-image时可以同时设置background-size: 100% 100%;来达到背景图缩放适应页面的功能,但对于background则无效。另外,当页面中会弹出键盘时,background-image会受到键盘弹出的影响(高度会缩小),但background不受影响。

    另外,也可以对图片使用Base64方式展现:

    <template>
    	<view class="content" :style="{background: 'url('+imageBase64+')'}">
    	</view>
    </template>
    
    <script>
    	export default {
    		data() {
    			return {
    				imageBase64: ''
    			};
    		},
    		onLoad() {
    			this.imageBase64 =
    				'data:image/png;base64,xxxxxxxxxxx='; //此处为图片对应的base64
    		}
    	}
    </script>
    
    展开全文
  • Vue-cli 中为单独页面添加张背景图片从而达到铺满全屏的方法 &lt;template&gt; &lt;div id="logo"&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; ...
  • css如何设置背景图片大小在css中控制插入背景图片的大小用background-size属性。background-size语法:background-size: length|percentage|cover|contain;length用法:(相关课程推荐:css视频教程)background-size:...
  • HTML设置图片页面背景

    万次阅读 多人点赞 2020-12-06 22:30:46
    HTML设置图片页面背景: 问题: 在HTML页面中不使用CSS盒模型的前提下如何将一张图片设置页面背景? 方法: 在< body >中使用background以及style来设置 例: 在这里我把html格式的文件和jpg格式的图片...
  • uniapp设置页面背景图片

    千次阅读 2019-09-29 14:29:48
    page{ height: 100%; background: url('~@/static/images/bg.png'); }
  • 在eclipse中怎么样才能把编写代码的那个页面背景变成一个图片,就像qq聊天的背景可以自定义为一个图片那样,在网上看见有人提问过,但是一直找不到解决办法,背景设置为美女图片,敲代码也有劲啊,大家懂的。
  • html设置背景图片自适应

    万次阅读 多人点赞 2019-04-25 17:53:47
    在网上找了很久,终于在一个百度问答里...中设置: <body background="images\bg.jpg" style=" background-repeat:no-repeat ; background-size:100% 100%; background-attachment: fixed;" > 第一行是图片...
  • 错误的写法:加到div中结合图片设置min-height,但是页面不会回弹 话不多说直接上代码 终极方案 html,body{ width:100%; height:100% } 再加一段 body{ font-family: &amp;amp;amp;quot;华文细...
  • HTML设置背景图片填满整个页面

    千次阅读 2020-03-14 13:53:09
    这时,页面虽然充满了背景,但被填充了多次。 在里添加样式,代码如下: style=" background-repeat:no-repeat ; background-size:100% 100%; background-attachment: fixed;" 你看,背景就充满页面了。 图片...
  • C# 如何Word文档设置背景颜色和背景图片 Word文档在创建时,背景颜色都是白色的,这样的背景色比较单一,看久了以后也非常容易视觉疲劳,文档设置一个合适的背景颜色或者添加好看的背景图片,不仅可以解决视觉...
  • Js 设置页面背景色,设置背景图片

    千次阅读 2011-02-05 19:19:45
    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="...
  • flutter:设置背景图片

    万次阅读 2019-02-12 15:52:09
    设置背景颜色的话直接添加属性color:xxx即可,如果设置背景图片呢? 网络图片或者静态资源看代码: new Container( // 控件高度 constraints: new BoxConstraints.expand( height:120.0, ), //设置背景图片 ...
  • 示例代码: &lt;!DOCTYPE html&gt; &...--禁止页面缩放--&gt; &lt;meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-sc
  • vue 单页面背景图片设置

    千次阅读 2020-09-28 12:31:36
    html 部分,background 是放背景图片的div,front是放其他的div <div class="background"> <img :src="imgSrc" class="imgSrc"/> </div> <div class="front"> </div> js部分 ...
  • js设置页面背景色,设置背景图片

    千次阅读 2009-11-05 16:22:26
    <!...<HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> ... 改变背景图片" onclick="update('img')"> </BODY> </HTML>
  • 微信小程序页面背景图片设置

    万次阅读 2019-04-26 21:44:43
    微信微信小程序页面背景图片background-image使用及大小设置 源代码//index.wxss page{ background-size:100% 100%; background-image: url(data:image/png;base64,..........) } background-image的使用 在这里...
  • 需要点击一下屏幕颜色才会变亮 <... :visible.sync="dialogVisible" width="30%" :before-close="handleClose" :append-to-body="true"> 将el-dialog的append-to-body属性设为true 官网说明.
  • 设置jsp页面背景图片

    千次阅读 2016-09-18 11:09:08
  • uni-app设置页面背景及背景图片

    千次阅读 2021-04-20 10:47:14
    <template> <view class="max"> <image src="../../static/suodao.png" mode=""></image> </view> </template> <script> export default { data() { ...
  • <!... <HTML> <HEAD> <TITLE> New Document </TITLE> ... 改变背景图片" onclick="update('img')"> </BODY> </HTML> 转自 http://heisetoufa.iteye.com/blog/397305
  • Vue 设置背景图片样式

    千次阅读 2020-04-07 16:26:37
    Vue 设置背景图片样式CSS效果图 CSS <style> body{ background-image: url('./bg.jpg'); background-size: cover; background-position: center; font: 14px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\...
  • IntelliJ IDEA设置背景图片

    千次阅读 2019-06-06 18:07:28
    设置快捷键 首先Ctrl+Alt+S打开设置。在搜索栏输入 Set Background Image, 在 Keymaps 里面找到唯一的搜索结果。然后这个搜索结果增加一个尽可能复杂的、你平时不会用的快捷键。...设置背景图片 在编...
  • vue 为不同的页面动态设置背景图片

    千次阅读 2020-09-11 08:51:12
    可以通过为body添加一个样式在组件被加载的时候添加这个样式,被销毁时移除这个样式即可。 举一个栗子,代码如下 <style > *{ margin:0;... }, //DOM挂载完毕 mounted() { } } script> 页面效果如下
  • css如何设置背景图片?background属性添加背景图片

    万次阅读 多人点赞 2020-05-18 22:19:20
    本章就大家介绍css怎样设置背景图片。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 更多相关视频: 0基础前端利用『HTML+CSS』制作你喜欢的暗黑破坏神网页开发:BV1C54y1X7ro 前端发展...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 144,574
精华内容 57,829
关键字:

给页面设置背景图片