Ответы, понравившиеся пользователю Иван Павленко

Как сделать окно игнорирующее нажатия мыши если не зажата клавиша шифт?

SerJook @SerJook

кодер

Если говорить про Windows, то:

Создаете окно с расширенными стилями WS_EX_LAYERED | WS_EX_TRANSPARENT|WS_EX_TOPMOST
Устанавливаете окну степень прозрачности:

SetLayeredWindowAttributes(hWnd, 0, 100, LWA_ALPHA);

Устанавливаете хук на клавиатуру:

hKeyboardHook = SetWindowsHookEx(WH_KEYBOARD_LL, (HOOKPROC)KeyboardEvent, hInstance, NULL);

Функция обработки событий клавиатуры (примерный вид):

код

LRESULT CALLBACK KeyboardEvent(int nCode, WPARAM wParam, LPARAM lParam)
{
    if ((nCode == HC_ACTION))
    {
        KBDLLHOOKSTRUCT* hooked_key = (KBDLLHOOKSTRUCT*)lParam; 
        if (hooked_key->vkCode == VK_LSHIFT || hooked_key->vkCode == VK_RSHIFT) {
            bool shiftPressed = (wParam == WM_KEYDOWN);
            LONG oldStyle = GetWindowLong(hWnd, GWL_EXSTYLE);
            if (shiftPressed) {
                SetWindowLong(hWnd, GWL_EXSTYLE, oldStyle & (~WS_EX_TRANSPARENT));
            }
            else {
                SetWindowLong(hWnd, GWL_EXSTYLE, oldStyle | WS_EX_TRANSPARENT);
            }
        }
    }
    return CallNextHookEx(hKeyboardHook, nCode, wParam, lParam);
}

В ней динамически устанавливается и снимается расширенный стиль WS_EX_TRANSPARENT.

При выходе убираете хук:
UnhookWindowsHookEx(hKeyboardHook);
Не знаю, как обойтись без хука, ведь неактивному окну не приходят события клавиатуры.

Ответ написан более трёх лет назад

Комментировать

Как сделать принудительно обновление компонента при вызове setState()?

davidnum95 @davidnum95

this.setState({ screen: <Random key={Math.random()} /> });

Не благодари.

Ответ написан более трёх лет назад

2 комментария

Как еще можно получить значения поля input в react?

undef1ned @undef1ned

import React, {Component} from 'react'
import "./Screen.css"
import "./LoginScreen.css"

/**
 * Экран логина
 * @extends Component
 */

class LoginScreen extends Component {
  constructor(props) {
    super(props);
    this.loginRef = null;
    this.passwordRef = null;
  }

  render() {
    return(
      <div class="screen login_screen">
        <div class="content">
          <div>
            <h1 align="center">Вход</h1>
            <div class="inputFieldLabel">Логин</div>
            <input class="inputField" ref={ref => this.loginRef = ref} />
            <div class="inputFieldLabel">Пароль</div>
            <input class="inputField" type="password" ref={ref => this.passwordRef = ref} />
            <button class="button" onClick={(e)=>{
              console.log(`login: ${this.loginRef.value}, password: ${this.passwordRef.value}`)
            }}>Войти</button>
          </div>
        </div>
      </div>
    )
  }

}

export default LoginScreen

Вот дока: https://reactjs.org/docs/refs-and-the-dom.html

Ответ написан более трёх лет назад

Комментировать

Как еще можно получить значения поля input в react?

davidnum95 @davidnum95

А доку почитать? https://reactjs.org/docs/forms.html

Ответ написан более трёх лет назад

Комментировать

Аутентификация через REST API прямым запросом?

Иван Шумов @inoise

Solution Architect, AWS Certified, Serverless

Use JWT, только помните что это не аутентификация, а просто формат токенов, обеспечивающий определенный уровень доверия. И не в get query string, a headers.

Специально для тех кто советует POST - почитайте что такое REST Verbs, зачем они нужны и про кэширование. Кэшировать GET критически важно для API, в если использовать POST для получения данных, а не для записи это уже не REST.

Ответ написан более трёх лет назад

1 комментарий

Передача параметров в npm start?

Константин Китманов @k12th

console.log(`You're pulling my leg, right?`);

Все просто на самом деле: npm start -- -d 123. Так же с остальными npm-скриптами, конечно же.

Ответ написан более трёх лет назад

Комментировать

Javascript image.onload - как узнать объект установивший вызов?

Александр Таратин @Taraflex

Ищу работу. Контакты в профиле.

Texture.prototype.loadImage = function(url) {
                var image = new Image();
                var self = this;
                image.onload = function() {
                    gl.bindTexture(gl.TEXTURE_2D, self.texture);
                    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
                }
                image.src = url;
            }

Ответ написан более трёх лет назад

4 комментария

Как сделать окно игнорирующее нажатия мыши если не зажата клавиша шифт?

Как сделать принудительно обновление компонента при вызове setState()?

Как еще можно получить значения поля input в react?

Как еще можно получить значения поля input в react?

Аутентификация через REST API прямым запросом?

Передача параметров в npm start?

Javascript image.onload - как узнать объект установивший вызов?

Войдите на сайт