标签: tabview

Android:显示标签上新项目的数量

我有一个Android应用程序,主屏幕是一个选项卡视图.其中一个标签转到"收件箱"活动.我想显示一个数字,表示新消息的数量.这似乎是iPhone应用程序的标准功能.对此有什么样的系统支持吗?如果没有,为android tabviews实现此效果的最简单方法是什么?

android tabview

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

JSF/PrimeFaces:从一个选项卡导航到另一个选项卡

使用Primefaces选项卡视图(<p:tabView>),如何从一个选项卡导航到另一个选项卡?

例如:

<p:tabView id="tabPanel">
  <p:tab id="tab1">
       <p>Tab 1</p>
       <a href="#">Go to tab2</a2>
  </p:tab>
   <p:tab id="tab2">
       <p>Tab 2</p>
  </p:tab>   
</p:tabView>
Run Code Online (Sandbox Code Playgroud)

jsf primefaces tabview

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

UIPageViewController UIImage不显示全屏

我正在制作一个标签视图控制器的应用程序.对于第一个选项卡,我有一个滚动图片的UIPageViewController.一切正常,除了图片没有全屏显示.我为图像视图设置了约束以覆盖整个视图控制器,但是当它被加载到页面视图中时,它不会一直覆盖到底部.图像被滚动点指示符切断,然后它只是白色.

我确信它很简单,但有没有一种方法可以覆盖整个屏幕,就像我有限制设置一样?

如您所见,图像停在点开始的底部. 我希望它一直向下到底. 所以带点的区域是透明的.

fullscreen uiimage ios tabview uipageviewcontroller

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

TabView标题样式

我正在使用TabVIew,我有两个问题:
1.如何删除TabView标题的边框底部?
2.如何在TabView标题中的项目之间添加分隔符?

例

谢谢,

tabview nativescript

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

在SwiftUI中使用TabView时NavigationView无法正确显示

大家好。我正在开发一个显示一些鸣叫的简单SwiftUI应用程序。它具有一个带两个视图的选项卡视图:将显示推文的主页和一个辅助视图。

问题在于主页上有一个NavigationView。如果我选择仅显示主页,则一切似乎都正确,但是当我从显示TabView并向下滚动时,NavigationView感觉有点奇怪。

由于我不擅长解释,因此这里有一些图片:

应该是这样 应该是这样

但是就是这样 但是就是这样

我想添加.edgesIgnoringSafeArea(.top),但是NavigationView现在被该缺口隐藏了,并且没有效果。

有什么办法可以使NavigationView像第一个图像一样显示?

任何帮助表示赞赏。提前致谢。

我的密码

HomePageView

struct HomePageView: View {

    var body: some View {
        NavigationView {
            List {
                //tweet code
            }
            .navigationBarTitle("Your feed")
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

TabView

struct TabController: View {
    @State private var selection = 0

    var body: some View {
        TabView(selection: $selection){
            HomePageView()
                .tabItem {
                    VStack {
                        Image(systemName: "house.fill")
                            .font(.title)
                    }
                }
                .tag(0)
            Text("Second View")
                .font(.title)
                .tabItem {
                    VStack {
                        Image(systemName: "bell.fill")
                            .font(.title)
                    }
                } …
Run Code Online (Sandbox Code Playgroud)

tabview swift swiftui ios-navigationview

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

更改 SwiftUI 中 tabItems 中图像(图标)的颜色

如何更改 SwiftUI 中 tabItems 中图像(图标)的颜色?

我尝试了很多东西,但没有任何作用......

谢谢

这是我的测试代码:

import SwiftUI

struct TestTabviewIconColor: View {

    var body: some View {
        TabView {
            Text("The First Tab")
                .tabItem {
                    Image(systemName: "1.square.fill")
                        .foregroundColor(.red)
                        .accentColor(.red)
                        .colorMultiply(.red)
                    Text("First")
            }
            Text("Another Tab")
                .tabItem {
                    Image(systemName: "2.square.fill")
                    Text("Second")
                }
            Text("The Last Tab")
                .tabItem {
                    Image(systemName: "3.square.fill")
                    Text("Third")
                }
        }
        .font(.headline)
    }
}

struct TestTabviewIconColor_Previews: PreviewProvider {
    static var previews: some View {
        TestTabviewIconColor()
    }
}

Run Code Online (Sandbox Code Playgroud)

xcode tabitem tabview swiftui

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

SwiftUI 通过 TabView 以模态方式呈现视图?

我有一个TabView设置如下:

struct ContentView: View {
    @State private var selection = 0
    @State var newListingPresented = false

    var body: some View {
        TabView(selection: $selection){

            // Browse
            BrowseView()
                .tabItem {
                    VStack {
                        Image(systemName: (selection == 0 ? "square.grid.2x2.fill" : "square.grid.2x2"))
                    }
                }
                .tag(0)


            // New Listing
            NewListingView()
                .tabItem {
                    VStack {
                        Image(systemName: (selection == 1 ? "plus.square.fill" : "plus.square"))
                    }
                }
                .tag(1)

            // Bag
            BagView()
                .tabItem {
                    VStack {
                        Image(systemName: (selection == 2 ? "bag.fill" : "bag"))
                    }
                }
                .tag(2) …
Run Code Online (Sandbox Code Playgroud)

xcode ios tabview swift swiftui

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

使 TabView 背景透明

SwiftUI 中的视图默认具有透明背景。这通常意味着它们具有白色背景,因为这是应用程序的默认背景颜色。但是,这也意味着您可以使用 aZStack来更改整个应用程序的背景颜色,并且该颜色将显示在所有视图中,除非您明确设置自己的背景颜色:

struct Main: View {
    var body: some View {
        ZStack {
            Color.orange.edgesIgnoringSafeArea(.all)

            // Sub-view inlined
            VStack {
                Text("Hello World")
                Button("Press Me", action: { print("Pressed") })
            }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

我遇到的问题是,这对于以下情况来说并非如此TabView

struct Main: View {
    var body: some View {
        ZStack {
            Color.orange.edgesIgnoringSafeArea(.all)

            // Sub-view inlined
            TabView {
                VStack {
                    Text("Hello World")
                    Button("Press Me", action: { print("Pressed") })
                }.tabItem {
                    Text("First Page")
                }
            }
        } 
    }
}
Run Code Online (Sandbox Code Playgroud)

TabView背景颜色:

在此输入图像描述

我可以更改子视图的背景颜色,但如果我将其设置为透明,则背景再次变为白色,而不是显示ZStack. 我还尝试了各种其他方法来使 …

opacity tabview swift swiftui

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

SwiftUI:Tabview 重复自身

我正在尝试为 macOS 10.15 应用程序创建选项卡视图。

 TabView {      
        BookmarksView()
            .tabItem {
            Text("Bookmark Settings")
        }
    
    DisplaySettings()
        .tabItem {
            Text("Display Settings")
        }
}
     
Run Code Online (Sandbox Code Playgroud)

在我的选项卡中包含的任何视图中,如果正文中有一个元素,它都会在选项卡视图中正确呈现。

struct BookmarksView: View {
    var body: some View {
        Text("Bookmarks View")
           .font(.title)
           .font(Font.body.bold())
             
    }
}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

但是,如果我在视图中添加任何其他元素,该选项卡将重复并在其自己的选项卡中显示添加的元素。

struct BookmarksView: View {
        var body: some View {
            Text("Bookmarks View")
               .font(.title)
               .font(Font.body.bold())

             Text("Testing")
               .font(.system(size: 15))
                  
        }
    }
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

tabview swift swiftui

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

在 SwiftUI 2.0 中禁用选项卡视图滑动以更改页面

我在 SwiftUI 应用程序中使用选项卡视图。我想禁用其向左滑动并写入以移至其他页面。我检查了这个答案,也检查了这个,但没有一个有效。他们正在使用

.gesture(DragGesture())

这将禁用向左滑动。我想禁用向左和向右滑动。

我也尝试过:

.禁用(真)

这会禁用整个视图。我的视图上有一些按钮可以执行一些任务。这也让他们失去了能力。

我的代码是:

@State var selectedIndex = 0

var body: some View {

 TabView(selection: $selectedIndex) {
                
                FirstView().tag(0).gesture(DragGesture())
                
                SecondView().tag(1).gesture(DragGesture())
                
                ThirdView().tag(2).gesture(DragGesture())
                
            }.tabViewStyle(.page(indexDisplayMode: .never))
    }
Run Code Online (Sandbox Code Playgroud)

我的FirstView代码是:

func firstView() -> some View {
        
        VStack(alignment: .leading) {
     
            HStack {
                
                Text("Is this a live claim?")
                    .font(.custom(InterFont.bold.rawValue, size: 24))
                
                Spacer()
                
            }.padding()
            
            
            Spacer()
            
            BlueButton(title: "Continue") {
                
               print("pressed")
            }.padding()
            
        }.ignoresSafeArea(edges: .top)
    }
Run Code Online (Sandbox Code Playgroud)

我的SecondView代码是:

func …
Run Code Online (Sandbox Code Playgroud)

tabview swipe-gesture swift swiftui swiftui-tabview

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