草庐IT

android - 网页可以知道android虚拟键盘吗

coder 2023-11-22 原文

我有web page with jquery terminal和隐藏的文本区域(触发 Android 虚拟键盘)，我可以键入字符，但是当我输入几个命令时，内容隐藏在虚拟键盘后面。终端内容滚动到底部，因为当我键入更多命令时它正在滚动。当我在手机中使用硬件键盘时，滚动是正确的(触摸滚动尚未工作)。

我添加了这个 CSS

.terminal textarea { top: 0; width:0; margin-left: -8px; pointer-events: none; }

往前

.terminal .clipboard {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.01;
    filter: alpha(opacity = 0.01);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.01);
    width: 2px;
}
.cmd > .clipboard {
    position: fixed;
}

并将此代码放入插件中(textarea 用于剪贴板)。

 self.click(function() {
     self.find('textarea').focus();
 });

我的问题是:javascript 能检测到虚拟键盘有多大吗？或者也许有其他方法可以改变网页的大小，所以它只在视觉部分(而不是键盘所在的地方)？或者我的代码可能有问题，它不是为在移动设备上工作而设计的。 键盘的大小是否始终相同，即使用户安装了不同的键盘？

最佳答案

1 您可以使用 android:windowSoftInputMode <activity> 中的属性你的 Manifest.xml 中的元素在 IME 弹出时选择各种大小调整策略。这些包括(不限于):

adjustResize ，这将调整 Activity 的内容 View (以及其中的 WebView)的大小以适应剩余空间。

adjustPan ，这将使内容 View 填满整个屏幕，部分被 IME 的窗口遮挡。

玩这些可能已经给了你正在寻找的行为。

2 在 IME 弹出时滚动 (Web)View 时，Android 的默认行为是它会尝试保持光标可见。在您的情况下，您将光标(或:焦点)放在隐藏 View 上。这解释了你所看到的奇怪行为，我认为你最好改变你的实现。你为什么不首先使用可见的文本区域？您的文本必须在某个地方结束，对吗？然后 Android 将自动处理焦点/滚动。

作为解决方法:您可以尝试更智能地定位隐藏 View 并不时清除其内容，从而避免滚动问题。当然，此选项的可行性取决于您的具体用例。

3 这将是您所问问题的答案，但我不确定这对您有何帮助(可能是因为我对 html 缺乏经验):

要在您的 javascript 中获取 WebView 的高度(即屏幕尺寸 - IME 高度)，请执行以下操作:

  • 在您的 list 中，添加 android:windowSoftInputMode="adjustResize"属性到您的元素。

  • 像这样扩展你的外部布局:

    public class RelativeLayoutWithLayoutListener extends RelativeLayout {

public interface LayoutListener {
    public void onLayout();
}

private LayoutListener mListener;

public RelativeLayoutWithLayoutListener(Context context) {
    super(context);
}

public RelativeLayoutWithLayoutListener(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
}

public RelativeLayoutWithLayoutListener(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public void setLayoutListener(LayoutListener aListener) {
    mListener = aListener;
}

@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
    super.onLayout(changed, l, t, r, b);
    if (mListener != null) {
        mListener.onLayout();
    }
}
}

  • 在 layout.xml 文件中用新创建的布局替换旧布局。

  • 在您的 Activity 代码中，执行如下操作:

    public class MainActivity extends Activity {

private RelativeLayoutWithLayoutListener mMainLayout;

private WebView mWebView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mMainLayout = (RelativeLayoutWithLayoutListener)findViewById(R.id.main_layout);

    mMainLayout.setLayoutListener(new LayoutListener() {

        @Override
        public void onLayout() {
            mWebView.loadUrl("javascript:setSize(" + mMainLayout.getWidth() + "," + mMainLayout.getHeight() + ")");             
        }
    });

    mWebView = (WebView)findViewById(R.id.webview);
}
}

当然，在 loadUrl() 调用中，您必须调用您定义的 javascript 方法。如果你先做一些计算，当然你也可以传入 IME 的高度。

关于android - 网页可以知道android虚拟键盘吗，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11264465/

android网页codeRelativeLayoutWithLayoutListenerpublicjquerybrowservirtual-keyboard

有关android - 网页可以知道android虚拟键盘吗的更多相关文章

  1. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法？ - 2

    类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

  2. ruby - 使用 Vim Rails，您可以创建一个新的迁移文件并一次性打开它吗？ - 2

    使用带有Rails插件的vim，您可以创建一个迁移文件，然后一次性打开该文件吗？textmate也可以这样吗？ 最佳答案 你可以使用rails.vim然后做类似的事情::Rgeneratemigratonadd_foo_to_bar插件将打开迁移生成的文件，这正是您想要的。我不能代表textmate。 关于ruby-使用VimRails，您可以创建一个新的迁移文件并一次性打开它吗？，我们在StackOverflow上找到一个类似的问题： https://sta

  3. ruby - 我可以使用 Ruby 从 CSV 中删除列吗？ - 2

    查看Ruby的CSV库的文档，我非常确定这是可能且简单的。我只需要使用Ruby删除CSV文件的前三列，但我没有成功运行它。 最佳答案 csv_table=CSV.read(file_path_in,:headers=>true)csv_table.delete("header_name")csv_table.to_csv#=>ThenewCSVinstringformat检查CSV::Table文档:http://ruby-doc.org/stdlib-1.9.2/libdoc/csv/rdoc/CSV/Table.html

  4. ruby - 我可以使用 aws-sdk-ruby 在 AWS S3 上使用事务性文件删除/上传吗？ - 2

    我发现ActiveRecord::Base.transaction在复杂方法中非常有效。我想知道是否可以在如下事务中从AWSS3上传/删除文件:S3Object.transactiondo#writeintofiles#raiseanexceptionend引发异常后，每个操作都应在S3上回滚。S3Object这可能吗？？ 最佳答案 虽然S3API具有批量删除功能，但它不支持事务，因为每个删除操作都可以独立于其他操作成功/失败。该API不提供任何批量上传功能(通过PUT或POST)，因此每个上传操作都是通过一个独立的API调用完成的

  5. ruby - 在 Ruby 中用键盘诅咒数组浏览 - 2

    我正在尝试在Ruby中制作一个cli应用程序，它接受一个给定的数组，然后将其显示为一个列表，我可以使用箭头键浏览它。我觉得我已经在Ruby中看到一个库已经这样做了，但我记不起它的名字了。我正在尝试对soundcloud2000中的代码进行逆向工程做类似的事情，但他的代码与SoundcloudAPI的使用紧密耦合。我知道cursesgem，我正在考虑更抽象的东西。广告有没有人见过可以做到这一点的库或一些概念证明的Ruby代码可以做到这一点？ 最佳答案 我不知道这是否是您正在寻找的，但也许您可以使用我的想法。由于我没有关于您要完成的工作

  6. ruby - 有人可以帮助解释类创建的 post_initialize 回调吗 (Sandi Metz) - 2

    我正在阅读SandiMetz的POODR，并且遇到了一个我不太了解的编码原则。这是代码:classBicycleattr_reader:size,:chain,:tire_sizedefinitialize(args={})@size=args[:size]||1@chain=args[:chain]||2@tire_size=args[:tire_size]||3post_initialize(args)endendclassMountainBike此代码将为其各自的属性输出1,2,3,4,5。我不明白的是查找方法。当一辆山地自行车被实例化时，因为它没有自己的initialize方法

  7. ruby - 是否可以覆盖 gemfile 进行本地开发？ - 2

    我们的git存储库中目前有一个Gemfile。但是，有一个gem我只在我的环境中本地使用(我的团队不使用它)。为了使用它，我必须将它添加到我们的Gemfile中，但每次我checkout到我们的master/dev主分支时，由于与跟踪的gemfile冲突，我必须删除它。我想要的是类似Gemfile.local的东西，它将继承从Gemfile导入的gems，但也允许在那里导入新的gems以供使用只有我的机器。此文件将在.gitignore中被忽略。这可能吗？ 最佳答案 设置BUNDLE_GEMFILE环境变量:BUNDLE_GEMFI

  8. ruby - 我可以将我的 README.textile 以正确的格式放入我的 RDoc 中吗？ - 2

    我喜欢使用Textile或Markdown为我的项目编写自述文件，但是当我生成RDoc时，自述文件被解释为RDoc并且看起来非常糟糕。有没有办法让RDoc通过RedCloth或BlueCloth而不是它自己的格式化程序运行文件？它可以配置为自动检测文件后缀的格式吗？(例如README.textile通过RedCloth运行，但README.mdown通过BlueCloth运行) 最佳答案 使用YARD直接代替RDoc将允许您包含Textile或Markdown文件，只要它们的文件后缀是合理的。我经常使用类似于以下Rake任务的东西:

  9. ruby - 一个 YAML 对象可以引用另一个吗？ - 2

    我想让一个yaml对象引用另一个，如下所示:intro:"Hello,dearuser."registration:$introThanksforregistering!new_message:$introYouhaveanewmessage!上面的语法只是它如何工作的一个例子(这也是它在thiscpanmodule中的工作方式。)我正在使用标准的ruby​​yaml解析器。这可能吗？ 最佳答案 一些yaml对象确实引用了其他对象:irb>require'yaml'#=>trueirb>str="hello"#=>"hello"ir

  10. ruby - 可以通过多少种方法将方法添加到 ruby​​ 对象？ - 2

    当谈到运行时自省(introspection)和动态代码生成时，我认为ruby​​没有任何竞争对手，可能除了一些lisp方言。前几天，我正在做一些代码练习来探索ruby​​的动态功能，我开始想知道如何向现有对象添加方法。以下是我能想到的3种方法:obj=Object.new#addamethoddirectlydefobj.new_method...end#addamethodindirectlywiththesingletonclassclass这只是冰山一角，因为我还没有探索instance_eval、module_eval和define_method的各种组合。是否有在线/离线资

随机推荐