Архивы Павел - Страница 45 из 286

Табы в приложении

30.12.2022 Павел Грибов Flutter

Одним из вариантов организации меню в приложении, является организация «табов», которые могут располагаться как внизу экрана, так и вверху. Например что-то вроде:

Это изображение имеет пустой атрибут alt; его имя файла - %D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-2.png

Для начала создадим отдельную функцию отрисовки табов:

class _MainPageState extends State<MainPage> {// _ впереди класса, означает чтоб скрыть доступ из другх файлов
  final scaffoldKey = GlobalKey<ScaffoldState>();

  TabBar createTabBar()  {
    return TabBar(
      tabs: [
        Row (children: [Icon(Icons.ac_unit), SizedBox(width:5), Text("Датчики")]),
        Row (children: [Icon(Icons.adjust), SizedBox(width:5), Text("Реле")]),
        Row (children: [Icon(Icons.add_to_queue), SizedBox(width:5), Text("Свет")]),
        Row (children: [Icon(Icons.accessibility_sharp), SizedBox(width:5), Text("Комфорт")]),
      ],
      isScrollable: true,
    );
  }

class _MainPageState extends State<MainPage> {// _ впереди класса, означает чтоб скрыть доступ из другх файлов

final scaffoldKey = GlobalKey<ScaffoldState>();

TabBar createTabBar() {

return TabBar(

tabs: [

Row (children: [Icon(Icons.ac_unit), SizedBox(width:5), Text("Датчики")]),

Row (children: [Icon(Icons.adjust), SizedBox(width:5), Text("Реле")]),

Row (children: [Icon(Icons.add_to_queue), SizedBox(width:5), Text("Свет")]),

Row (children: [Icon(Icons.accessibility_sharp), SizedBox(width:5), Text("Комфорт")]),

isScrollable: true,

);

}

isScrollable — отвечает за плавное переключение табов. Если эффект анимации не нужен — можно отключить.

Далее главный виджет:

@override
  Widget build(BuildContext context) {
    EdgeInsets a2; EdgeInsetsDirectional a;
    return DefaultTabController(
      length: 4, // количество табов
      child:Scaffold(
          appBar: AppBar(
            bottom: createTabBar(), // функция - построитель табов
            title: Text("Усадьба Мальгино"),
          ),
          body: TabBarView(
              children: [
                Text("1"),
                Text("2"),
                Text("3"),
                Text("4"),
          ]
          )
      )
    );

@override

Widget build(BuildContext context) {

EdgeInsets a2; EdgeInsetsDirectional a;

return DefaultTabController(

length: 4, // количество табов

child:Scaffold(

appBar: AppBar(

bottom: createTabBar(), // функция - построитель табов

title: Text("Усадьба Мальгино"),

body: TabBarView(

children: [

Text("1"),

Text("2"),

Text("3"),

Text("4"),

]

)

);

При отрисовке в методе TabBar можно использовать следующие настройки:

isScrollable = true/false = плавный скроллинг
padding = отступы
indicatorColor = цвет подсветки
indicatorWeight = 2.0 = толщина подчёркивания
indicatorPadding = EdgeInsets.zero = отступы подчёркивания
indicatorSize = размер чёрточки
labelColor = цвет текста таба
labelStyle = стиль текста таба
labelPadding = отступы между метками
unselectedLabelColor = цвет не выделенного таба
unselectedLabelStyle = стиль не выделенного таба
onTap = действие при выборе

Оставить комментарий flutter, вкладки, табы

Диалоговое окно на чистом javascript

27.12.2022 Павел Грибов WEB

Задача: вывести диалоговое окно без использования Jquery

Решение:

<style>
.DialogConfirm{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(96, 79, 79, 0.51);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.DialogConfirm>div{
  width: 90%;
  margin: 30% auto;
  padding: 10px 20px;
  background: #f7f7f7;
  border-style: solid;
  border-color: aliceblue;
  border-width: initial;
}

.DialogConfirm div p{
  text-align:center;
}

.DialogConfirm div button{
    width: 40%;
    margin: 0 5%;
    border-style: double;
    border-color: black;
}    
</style>    
<script>
function myConfirm(text,buttons=Array(), cb){
    var body = document.getElementsByTagName('body')[0];
    var overlay = document.createElement('div');
    overlay.className = 'DialogConfirm';
    var box = document.createElement('div');  
    var p = document.createElement('p');
    p.appendChild(document.createTextNode(text));
    box.appendChild(p);
    buttons.forEach(function(bt, index, array) {
        tmp_btn=document.createElement('button');
        tmp_btn.appendChild(document.createTextNode(bt));
        tmp_btn.addEventListener('click', function(){ cb(bt); body.removeChild(overlay); }, false);
        box.appendChild(tmp_btn);
    });
        
    overlay.appendChild(box)
    body.appendChild(overlay);    
}
myConfirm('Бахнем и весь мир в труху?',["Давай","Попозжа"], function(value){ console.log(value); });   
</script>

<style>

.DialogConfirm{

position: fixed;

width: 100%;

height: 100%;

background: rgba(96, 79, 79, 0.51);

top: 0px;

left: 0px;

right: 0px;

bottom: 0px;

}

.DialogConfirm>div{

width: 90%;

margin: 30% auto;

padding: 10px 20px;

background: #f7f7f7;

border-style: solid;

border-color: aliceblue;

border-width: initial;

}

.DialogConfirm div p{

text-align:center;

}

.DialogConfirm div button{

width: 40%;

margin: 0 5%;

border-style: double;

border-color: black;

}

</style>

function myConfirm(text,buttons=Array(), cb){

var body = document.getElementsByTagName('body')[0];

var overlay = document.createElement('div');

overlay.className = 'DialogConfirm';

var box = document.createElement('div');

var p = document.createElement('p');

p.appendChild(document.createTextNode(text));

box.appendChild(p);

buttons.forEach(function(bt, index, array) {

tmp_btn=document.createElement('button');

tmp_btn.appendChild(document.createTextNode(bt));

tmp_btn.addEventListener('click', function(){ cb(bt); body.removeChild(overlay); }, false);

box.appendChild(tmp_btn);

});

overlay.appendChild(box)

body.appendChild(overlay);

}

myConfirm('Бахнем и весь мир в труху?',["Давай","Попозжа"], function(value){ console.log(value); });

</script>

Оставить комментарий javascript, modal, диалоговое окно

postgresql: выполнение запроса из командной строки

27.12.2022 Павел Грибов Linux

Задача: периодически необходимо подрезать логи

Решение: самое простое подготовить скрипт на bash и разместить ссылку на его выполнение в crontab:

#!/bin/bash
PGPASSWORD="Zewkkjfoeir" psql -U eee_pg -d eee -c "delete from log where dt<now() - INTERVAL '90 DAYS'"

1 2	#!/bin/bash PGPASSWORD="Zewkkjfoeir" psql -U eee_pg -d eee -c "delete from log where dt<now() - INTERVAL '90 DAYS'"

Оставить комментарий bash, postgresql, psql, terminal, консоль, подрезка логов

Android: Не работает диалог выбора файла в webview

22.12.2022 Павел Грибов Android

Задача: в контексте webview приложения для android, не открывается диалоговое окно выбора файла, в виду отсутствия в «базовом» варианте работы webview необходимых обработчиков. Решение описываемое в статье 2020года не работает в 2022 году

Решение: в конце 2022 года, рабочая минимальная обвязка для обработки выбора файлов такова:

public class MainActivity extends AppCompatActivity {
    private ValueCallback<Uri[]> fileChooserCallback;
    private WebView mbrowser;
    Uri home = Uri.parse("https://цукмсцумкцу.ru/choser.php");
    //загрузки изображений
    private ValueCallback<Uri> mUploadMessage;
    public ValueCallback<Uri[]> uploadMessage;
    public static final int REQUEST_SELECT_FILE = 100;
    public static final int REQUEST_QR_CODE = 200;
    private final static int FILECHOOSER_RESULTCODE = 1;
    public final static int CHILD_FINISH = 1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mbrowser=(WebView) findViewById(R.id.main_webview);

        mbrowser.getSettings().setJavaScriptEnabled(true); // разрешен javascript

        mbrowser.getSettings().setDatabaseEnabled(true); // хранение данных во встроенной БД в браузере
        mbrowser.getSettings().setDomStorageEnabled(true);
        mbrowser.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);   // разрешать открывать окна

        mbrowser.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView vw, WebResourceRequest request) {
                if (request.getUrl().toString().contains(home.getHost())) {
                    vw.loadUrl(request.getUrl().toString());
                } else {
                    Intent intent = new Intent(Intent.ACTION_VIEW, request.getUrl());
                    vw.getContext().startActivity(intent);
                }

                return true;
            }
        });

        mbrowser.setWebChromeClient(new WebChromeClient() {
            @Override
            public void onPermissionRequest(final PermissionRequest request) {
                request.grant(request.getResources());
            }

            @Override
            public boolean onShowFileChooser(WebView vw, ValueCallback<Uri[]> filePathCallback,
                                             FileChooserParams fileChooserParams) {
                if (fileChooserCallback != null) {
                    fileChooserCallback.onReceiveValue(null);
                }
                fileChooserCallback = filePathCallback;

                Intent selectionIntent = new Intent(Intent.ACTION_GET_CONTENT);
                selectionIntent.addCategory(Intent.CATEGORY_OPENABLE);
                selectionIntent.setType("*/*");

                Intent chooserIntent = new Intent(Intent.ACTION_CHOOSER);
                chooserIntent.putExtra(Intent.EXTRA_INTENT, selectionIntent);
                startActivityForResult(chooserIntent, 0);

                return true;
            }
        });

        mbrowser.setOnKeyListener((v, keyCode, event) ->
        {
            WebView vw = (WebView) v;
            if (event.getAction() == KeyEvent.ACTION_DOWN && keyCode == KeyEvent.KEYCODE_BACK && vw.canGoBack()) {
                vw.goBack();

                return true;
            }

            return false;
        });
        mbrowser.setDownloadListener((uri, userAgent, contentDisposition, mimetype, contentLength) -> handleURI(uri));
        mbrowser.setOnLongClickListener(v -> {
            handleURI(((WebView) v).getHitTestResult().getExtra());

            return true;
        });

        mbrowser.loadUrl(home.toString());
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent intent) {
        super.onActivityResult(requestCode, resultCode, intent);

        fileChooserCallback.onReceiveValue(new Uri[]{Uri.parse(intent.getDataString())});
        fileChooserCallback = null;
    }

    private void handleURI(String uri) {
        if (uri != null) {
            Intent i = new Intent(Intent.ACTION_VIEW);
            i.setData(Uri.parse(uri.replaceFirst("^blob:", "")));

            startActivity(i);
        }
    }
}

100

101

102

103

public class MainActivity extends AppCompatActivity {

private ValueCallback<Uri[]> fileChooserCallback;

private WebView mbrowser;

Uri home = Uri.parse("https://цукмсцумкцу.ru/choser.php");

//загрузки изображений

private ValueCallback<Uri> mUploadMessage;

public ValueCallback<Uri[]> uploadMessage;

public static final int REQUEST_SELECT_FILE = 100;

public static final int REQUEST_QR_CODE = 200;

private final static int FILECHOOSER_RESULTCODE = 1;

public final static int CHILD_FINISH = 1;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

mbrowser=(WebView) findViewById(R.id.main_webview);

mbrowser.getSettings().setJavaScriptEnabled(true); // разрешен javascript

mbrowser.getSettings().setDatabaseEnabled(true); // хранение данных во встроенной БД в браузере

mbrowser.getSettings().setDomStorageEnabled(true);

mbrowser.getSettings().setJavaScriptCanOpenWindowsAutomatically(true); // разрешать открывать окна

mbrowser.setWebViewClient(new WebViewClient() {

@Override

public boolean shouldOverrideUrlLoading(WebView vw, WebResourceRequest request) {

if (request.getUrl().toString().contains(home.getHost())) {

vw.loadUrl(request.getUrl().toString());

} else {

Intent intent = new Intent(Intent.ACTION_VIEW, request.getUrl());

vw.getContext().startActivity(intent);

}

return true;

}

});

mbrowser.setWebChromeClient(new WebChromeClient() {

@Override

public void onPermissionRequest(final PermissionRequest request) {

request.grant(request.getResources());

}

@Override

public boolean onShowFileChooser(WebView vw, ValueCallback<Uri[]> filePathCallback,

FileChooserParams fileChooserParams) {

if (fileChooserCallback != null) {

fileChooserCallback.onReceiveValue(null);

}

fileChooserCallback = filePathCallback;

Intent selectionIntent = new Intent(Intent.ACTION_GET_CONTENT);

selectionIntent.addCategory(Intent.CATEGORY_OPENABLE);

selectionIntent.setType("*/*");

Intent chooserIntent = new Intent(Intent.ACTION_CHOOSER);

chooserIntent.putExtra(Intent.EXTRA_INTENT, selectionIntent);

startActivityForResult(chooserIntent, 0);

return true;

}

});

mbrowser.setOnKeyListener((v, keyCode, event) ->

{

WebView vw = (WebView) v;

if (event.getAction() == KeyEvent.ACTION_DOWN && keyCode == KeyEvent.KEYCODE_BACK && vw.canGoBack()) {

vw.goBack();

return true;

}

return false;

});

mbrowser.setDownloadListener((uri, userAgent, contentDisposition, mimetype, contentLength) -> handleURI(uri));

mbrowser.setOnLongClickListener(v -> {

handleURI(((WebView) v).getHitTestResult().getExtra());

return true;

});

mbrowser.loadUrl(home.toString());

}

@Override

protected void onActivityResult(int requestCode, int resultCode, Intent intent) {

super.onActivityResult(requestCode, resultCode, intent);

fileChooserCallback.onReceiveValue(new Uri[]{Uri.parse(intent.getDataString())});

fileChooserCallback = null;

}

private void handleURI(String uri) {

if (uri != null) {

Intent i = new Intent(Intent.ACTION_VIEW);

i.setData(Uri.parse(uri.replaceFirst("^blob:", "")));

startActivity(i);

}

Оставить комментарий android, file, input, webview, выбор файла

Android Studio: в эмуляторе не работает интернет

22.12.2022 Павел Грибов Android

Задача: По не понятной причине, в эмуляторе андроида перестает работать интернет

Решение: небольшое исследование показало, что эмулятор при запуске андроида, автоматом выставляет сервера DNS не те которые указаны у операционной системы хоста, а DNS гугла. Однако оные могут быть запрещены в политике организации.

Выход: принудительно указать DNS сервер при запуске эмулятора. Однако не всё так просто, из самой Android Studio это в настоящий момент не возможно. Однако можно запустить эмулятор из командной строки:

cd C:\Users\user\AppData\Local\Android\Sdk\emulator
emulator.exe -avd Pixel_XL_API_30_11 -dns-server nic.ru

1 2	cd C:\Users\user\AppData\Local\Android\Sdk\emulator emulator.exe -avd Pixel_XL_API_30_11 -dns-server nic.ru

Оставить комментарий android studio, avd, dns

« 1 … 43 44 45 46 47 … 286 »

Пн	Вт	Ср	Чт	Пт	Сб	Вс
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31