- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我一直在尝试在操作栏中开发一个 ListNavigation 下拉菜单。操作栏中有 2 个下拉菜单。
现在我想为每个微调器选择显示一个唯一的 TextView。就像如果用户从左侧下拉菜单中选择 Fragment1
并从右侧下拉菜单中选择“一个”,则项目符号列表将出现在 TextView 中。如果用户从左侧下拉列表中选择 Fragment 1
并从右侧下拉列表中选择“two”,则另一个项目符号列表将显示在 TextView 中。
基本上,我使用“左下拉”作为主菜单,“右下拉”作为子菜单来显示主要是项目符号列表的文本。
现在我可以获得 GUI,但我对如何实现它感到有点困惑。
这是主要 Activity 的代码:
package com.temp.basicactionbar;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.app.ActionBar;
import android.app.ActionBar.OnNavigationListener;
import android.app.Activity;
import android.app.Fragment;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.EditText;
import android.widget.SimpleAdapter;
import android.widget.Spinner;
public class MainActivity extends Activity
{
private MenuItem mSpinnerItem = null;
private MenuItem mSearchItem = null;
private EditText mSearch = null;
@Override
public void onCreate( Bundle savedInstanceState ) {
super.onCreate( savedInstanceState );
ActionBar ab = getActionBar();
ab.setDisplayShowTitleEnabled( false );
setListNavigation( ab );
}
@Override
protected void onSaveInstanceState( Bundle outState ) {
outState.putInt( "mode", getActionBar().getNavigationMode() );
super.onSaveInstanceState( outState );
}
@Override
public boolean onCreateOptionsMenu( Menu menu ) {
getMenuInflater().inflate( R.menu.main, menu );
mSpinnerItem = menu.findItem( R.id.menu_spinner );
setupSpinner( mSpinnerItem );
mSearchItem = menu.findItem( R.id.menu_search );
mSearchItem.setVisible(getActionBar().getNavigationMode() == ActionBar.NAVIGATION_MODE_TABS );
mSearch = (EditText) mSearchItem.getActionView().findViewById(R.id.search );
return true;
}
private void setListNavigation( ActionBar actionBar )
{
actionBar.setNavigationMode( ActionBar.NAVIGATION_MODE_LIST );
final List<Map<String, Object>> data = new ArrayList<Map<String, Object>>();
Map<String, Object> map = new HashMap<String, Object>();
map.put( "title", getString( R.string.frag1 ) );
map.put( "fragment",
Fragment.instantiate( this, Fragment1.class.getName() ) );
data.add( map );
map = new HashMap<String, Object>();
map.put( "title", getString( R.string.frag2 ) );
map.put( "fragment",
Fragment.instantiate( this, Fragment2.class.getName() ) );
data.add( map );
map = new HashMap<String, Object>();
map.put( "title", getString( R.string.frag3 ) );
map.put( "fragment",
Fragment.instantiate( this, Fragment3.class.getName() ) );
data.add( map );
map = new HashMap<String, Object>();
map.put( "title", getString( R.string.frag4 ) );
map.put( "fragment", Fragment.instantiate( this, Fragment4.class.getName() ) );
data.add( map );
SimpleAdapter adapter = new SimpleAdapter( this, data,
android.R.layout.simple_spinner_dropdown_item,
new String[] { "title" }, new int[] { android.R.id.text1 } );
actionBar.setListNavigationCallbacks( adapter,
new OnNavigationListener()
{
@Override
public boolean onNavigationItemSelected(int itemPosition, long itemId) {
Map<String, Object> map = data.get( itemPosition );
Object o = map.get( "fragment" );
if (o instanceof Fragment)
{
FragmentTransaction tx = getFragmentManager()
.beginTransaction();
tx.replace( android.R.id.content, (Fragment) o );
tx.commit();
}
return true;
}
} );
if (mSpinnerItem != null)
{
setupSpinner( mSpinnerItem );
}
}
private void setupSpinner( MenuItem item )
{
item.setVisible( getActionBar().getNavigationMode() == ActionBar.NAVIGATION_MODE_LIST );
View view = item.getActionView();
if (view instanceof Spinner)
{
Spinner spinner = (Spinner) view;
spinner.setAdapter( ArrayAdapter.createFromResource( this,
R.array.spinner_data,
android.R.layout.simple_spinner_dropdown_item ) );
}
}
public void delete( View v )
{
if (mSearch != null)
{
mSearch.setText( "" );
}
}
}
这是 fragment 的代码
package com.stylingandroid.basicactionbar;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class Fragment2 extends Fragment
{
@Override
public View onCreateView( LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState )
{
return inflater.inflate( R.layout.frag2, container, false );
}
}
这是每个 fragment 的 XML 布局。
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="@string/frag3"/>
</RelativeLayout>
如果您想要完整的项目 zip,请告诉我,我会为您提供。谢谢
最佳答案
我所做的(我相信这是一个很好的方法)是使用 spinner.onItemSelectedListener()
mySpinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
public void onItemSelected(AdapterView<?> adapter, View v,
int i, long lng) {
if (i == 0) { // If the first item is selected (usually the default, unless you define another one in code)
// Do something here
} else if (i == 1) { // Second item selected
// Do something else...
} else if (i == 2) {
// And so on...
}
}
public void onNothingSelected(AdapterView<?> arg0) {
// Do nothing
}
});
然后创建一个函数以使用新的值数组更新第二个微调器。
或者(简单但可能不是最好的方法),您可以在 xml 布局中创建所有微调器,并使用第一个来决定显示第二个微调器中的哪个(使用 setVisibility(View. GONE/View.VISIBLE)
)...
为了澄清 - 我在布局中创建所有微调器的意思是,您为每个备选列表创建一个微调器,但将 android:visibility
属性设置为 gone
用于除您希望用户最初看到的代码之外的所有代码。
然后你必须在你的布局中有一些像这样的 xml:
<spinner
android:id="mySpinner1"
...
// properties and stuff here
...
android:visibility="visible" /> // You don't really need this line, since spinners are visible by default
<spinner
android:id="mySpinner2"
...
// properties and stuff here
...
android:visibility="gone" /> // This line will make it look like the spinner was never there
<spinner
android:id="mySpinner3"
...
// properties and stuff here
...
android:visibility="gone" />
对于您想要的每个微调器,当用户在第一个微调器中选择不同的东西时,您只需隐藏前一个微调器并根据他/她的选择显示新的微调器,使用 spinner1.setVisibility(View.VISIBLE );
然后可以将前面示例中的代码修改为类似这样的内容(如果您有 3 个微调器,如果您有更多或更少,您也必须为它们添加行):
mySpinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
public void onItemSelected(AdapterView<?> adapter, View v,
int i, long lng) {
if (i == 0) { // If the first item is selected (usually the default, unless you define another one in code)
// Display the spinner you selected
spinner1.setVisibility(View.VISIBLE);
// Hide the rest
spinner2.setVisibility(View.GONE);
spinner3.setVisibility(View.GONE);
} else if (i == 1) { // Second item selected
// Display the spinner you selected
spinner2.setVisibility(View.VISIBLE);
// Hide the rest
spinner1.setVisibility(View.GONE);
spinner3.setVisibility(View.GONE);
} else if (i == 2) {
// Display the spinner you selected
spinner3.setVisibility(View.VISIBLE);
// Hide the rest
spinner1.setVisibility(View.GONE);
spinner2.setVisibility(View.GONE);
}
}
public void onNothingSelected(AdapterView<?> arg0) {
// Do nothing
}
});
请注意,这可能不是最好的方法 - 但是,嘿,它有效! ;)
当然,您必须像所有其他要与之交互的 View 一样检索微调器(通过使用 findItemById
),但您可能已经知道这一点 - 祝您的项目好运。
关于Android Navigation Drop down with Spinner,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13574301/
我是 React Native 的新手,目前正在研究 React Native Navigation Docs 。我想知道:navigation.push() 和 navigation.navigat
来自 this和 this , 我了解到 navigation.navigate() 之间存在有意义的差异和 navigation.push() .尽管如此,我仍然想知道我是否可以使用 navigat
我正在使用 react-navigation 3.6.1 和 react-native-camera 2.2.2。当我拍照时,进入下一个屏幕的按钮在第一次按下时没有任何作用。必须按多次 这是针对 io
androidx.navigation:navigation-ui 和 android.arch.navigation:navigation-ui-ktx 有什么区别? 当我在我的 gradle 中使
使用 TypeScript 时,react-navigation 中发生的一个常见错误是: Argument of type 'string' is not assignable to paramet
我有一个使用 React Native 的应用程序,我正在使用 react-navigation (5.2.9)。 我构建了一个 Stack.Navigator,我有我的屏幕,但我希望页脚组件在外面,
我有一个组件在 NavigationContainer 组件内但在 Stack Navigator 之外。我能知道组件中的当前路由是什么吗?我不能使用 useRoute Hook ,因为它出错了: C
关闭。这个问题需要更多 focused .它目前不接受答案。 想改进这个问题?更新问题,使其仅关注一个问题 editing this post . 3年前关闭。 Improve this questi
我正在学习 react-native 导航 https://reactnavigation.org/docs/intro/ 。我在那里的例子中看到 class HomeScreen extends R
我在我的 native 项目中使用 eslint airbnb。如果我没有验证 Prop ,特别是来自 react-navigation 的 Prop ,eslint 会抛出错误 linting .
在我的应用程序中,我有 6 个不同的页面。 有 1 个页面称为“收藏夹页面”,其中列出了用户选择的收藏夹。它们由一列显示,该列使用来自另一个类的列表。列表代码如下: List favoriteCo
我在 react 导航问题部分看到很多人使用 this.props.navigation.dispatch 以编程方式导航。是否有任何特定原因或用例需要在 this.props.navigation.
我在 vue.js 中开始了一个新元素。我添加了导航栏。有一次,我注意到控制台中有问题: Audit usage of navigator.userAgent, navigator.appVersio
首先,是的,我知道有很多与此问题相关的答案,但我发现了这种在 react-native 0.60 中进行导航的特定方法,问题是,我还没有弄清楚,而且我不想刮掉这个导航方法来测试不同的方法,这是导航文件
react 导航 5 我在 TabNavigator 内部构建了一个 StackNavigator,并且主屏幕和其他屏幕之间的导航正在工作。但问题是,当我从 Tab2 移动到 Tab1 时,我希望 T
我正在尝试在 react-native with expo 中使用 react-navigation-redux-helpers 将 redux 与 react-navigation 集成。但是,尽管
我正在尝试使用最新的 react-navigation 版本运行我的应用程序但无法正常工作。也尝试使用此解决方案 ( Invariant Violation: The navigation prop
我正在尝试使用 React Navigation 和 StackNavigator 在我的应用中导航。 我有一个带有 onPress={() => navigate('DetailsScreen'
我在我的应用程序中使用 react 导航。如果我从 screen A 导航到 Screen B,如果转换完成,我如何获得一些反馈。 最佳答案 从 'react-native 导入 { Interact
我遵循的是身份验证流程 (https://reactnavigation.org/docs/en/auth-flow.html) 上的 React 导航指南,但略有不同。我在 LoginScreen
我是一名优秀的程序员,十分优秀!