小编Dra*_*kić的帖子

Android Drawable:在XML文件中指定形状宽度(以百分比表示)?

我正在尝试创建一个简单的Drawable,我想将其设置为视图的背景(使用setBackgroundDrawable).我只想将drawable的背景划分为2个相等的矩形(50% - 50%),第一个想要用黑色填充,第二个用白色填充:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/back_color_1">
        <shape android:shape="rectangle">
          <solid android:color="#000000" />
        </shape>
    </item>
    <item android:id="@+id/back_color_2">
        <shape android:shape="rectangle">
          <solid android:color="#FFFFFF" />
        </shape>
    </item>
</layer-list>
Run Code Online (Sandbox Code Playgroud)

如何在可绘制XML定义文件中指定每个形状的宽度应为50%?像android:width ="50%"之类的东西.

(我正在使用Android 3.0,但我认为这是一个普通的Android问题.)

PS:您可以在CSS或XAML中执行此操作.

xml android shape drawable

25
推荐指数
2
解决办法
3万
查看次数

如何在JavaScript中缩放图像(以数据URI格式)(实际缩放,不使用样式)

我们正在Chrome浏览器中捕获可见标签(使用扩展API chrome.tabs.captureVisibleTab)并在数据URI方案中接收快照(Base64编码的字符串).

是否有可用于将图像缩小到特定大小的JavaScript库?

目前我们正在通过CSS设计它,但必须支付性能损失,因为图片大多比所需的大100倍.另外一个问题是我们用来保存快照的localStorage的负载.

有没有人知道处理这种数据URI方案格式化图片的方法,并通过缩小它们来减小它们的大小?

参考文献:

javascript base64 image-manipulation google-chrome-extension image-scaling

14
推荐指数
1
解决办法
1万
查看次数

我将 vue 3 与 apollo/client 一起使用,但出现错误

我正在使用带有 apollo/client 的 vue 3 和composition api 。我按照文档做了所有事情,但这是我能做的。我提供了一个正确的后端网址,但无法弄清楚。这是我的代码,我在终端中收到警告

./node_modules/@vue/apollo-composable/dist/useQuery.js 中的警告

在浏览器控制台中我收到此错误。

Uncaught Error: Apollo client with id default not found. Use provideApolloClient() if you are outside of a component setup.
Run Code Online (Sandbox Code Playgroud)
 <template>
   <div class="hello">
     working with graphql
   </div>
 </template>
 <script>
  import { useQuery,DefaultApolloClient } from "@vue/apollo-composable"
  import { provide } from "vue" 
  import gql from "graphql-tag"
  import {ApolloClient,createHttpLink,InMemoryCache,} from "@apollo/client/core"
  const httpLink = createHttpLink({
    uri: "http://localhost:3000/graphql",
  })
  const cache = new InMemoryCache()
  const apolloClient = new ApolloClient({
    link: httpLink,
    cache,
  }) …
Run Code Online (Sandbox Code Playgroud)

node.js graphql apollo-client vue-apollo vuejs3

9
推荐指数
2
解决办法
2万
查看次数

如何将 AVD 模拟器调整为给定的设备屏幕尺寸?

我定义了一些具有相当不寻常的屏幕尺寸和分辨率的自定义设备(我使用术语屏幕尺寸表示显示对角线的长度,术语屏幕分辨率表示像素数)。
我希望自动缩放设备参数将按照自定义设备设置中定义的大小显示模拟器屏幕。它不是。
我知道window scale命令并根据 220ppi 的 MacBook Pro 视网膜密度和我的自定义设备屏幕密度计算了特定的比例因子,但仍然得到错误的尺寸。

我可以使用物理标尺并调整模拟器窗口的大小直到屏幕大小正确,但拒绝相信没有更好的方法。

也是我希望使用 AVD 实现的功能。

任何人之前都必须处理过这个问题,并且知道如何指示模拟器调整窗口大小,以便屏幕大小与为自定义设备定义的一样?


更新:

本文末尾所述“当您从 AVD 管理器启动 AVD 时,您可以在启动选项中指定模拟器的屏幕大小和显示器的 dpi,如图 7 所示。”

问题是它似乎坏了,因为它只关心设备屏幕分辨率和显示密度。

android android-virtual-device android-emulator

5
推荐指数
0
解决办法
3447
查看次数

角度NVD3也改变了传说中的颜色

我正在使用NVD3 -angularjs-nvd3-directives的AngularJS包装器.

我设法改变了图表中的颜色,但颜色没有反映在图例中.

这是小提琴 http://jsfiddle.net/vishal1shukla2/NChH9/1/

<div ng-app='nvd3TestApp'>
  <div ng-controller="ExampleCtrl">
    <nvd3-pie-chart
            data="exampleData"
            id="exampleId"
            showLabels="true"
            x="xFunction()"
            y="yFunction()"
            donut="true"
            donutRatio="0.3"
            donutLabelsOutside="false" width="400" height="400"  color="colorFunction()" showLegend="true" >
                <svg width="600"></svg>
        <svg height="600"></svg>
    </nvd3-pie-chart>

  </div>
</div>

var app = angular.module("nvd3TestApp", ['nvd3ChartDirectives']);

        function ExampleCtrl($scope){

            $scope.exampleData = [
                {
                    key: "On Hold",
                    y: 5
                },
                {
                    key: "Open",
                    y: 2
                },
                {
                    key: "Closed",
                    y: 9
                }
            ];
            var colorArray = ['#FF0000', '#0000FF', '#FFFF00', '#00FFFF'];
            $scope.colorFunction = function() {
                return function(d, i) {
                    return colorArray[i];
                };
            }
            $scope.xFunction …
Run Code Online (Sandbox Code Playgroud)

angularjs nvd3.js

1
推荐指数
1
解决办法
4134
查看次数