标签: splitview

在iPad模拟器中滑过并拆分视图

iOS 9为iPad引入了幻灯片和分割视图.如何在iPad模拟器上模拟这些功能?我试过在iPad Air 2模拟器上向右滑动.

multitasking ipad ios-simulator splitview

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

Swiftui navigationLink macOS 默认/选中状态

我在 swiftui 中构建了一个 macOS 应用程序

我尝试创建一个列表视图,其中第一项是预选的。我用导航链接的“选择”状态进行了尝试,但没有奏效。

我几乎一无所知,希望你们能帮助我。

创建此列表视图的代码如下所示。

//personList
struct PersonList: View {
    var body: some View {
          NavigationView
          {
            List(personData) { person in
                NavigationLink(destination: PersonDetail(person: person))
                {
                    PersonRow(person: person)
                }
            }.frame(minWidth: 300, maxWidth: 300)
          }
    }
}
Run Code Online (Sandbox Code Playgroud)

(其他视图在底部)

这是我打开应用程序时的正常视图。 正常状态 当我点击一个项目时,它会像这样打开。当我呈现这个视图时,这就是我想要的默认打开状态。 申请州

此视图的代码如下所示:

//PersonRow

struct PersonRow: View {

    //variables definied
    var person: Person

    var body: some View {

        HStack
        {
            person.image.resizable().frame(width:50, height:50)
                .cornerRadius(25)
                .padding(5)

            VStack (alignment: .leading)
            {
                Text(person.firstName + " " + person.lastName)
                    .fontWeight(.bold)
                    .padding(5)
                Text(person.nickname)
                    .padding(5)
            }
            Spacer() …
Run Code Online (Sandbox Code Playgroud)

splitview swift swiftui

9
推荐指数
3
解决办法
6660
查看次数

UISplitViewController displayModeButtonItem 不显示

UISplitView在纵向模式 (iPad) 或横向模式 (iPhone 6+) 下,我无法让 iOS 显示我的按钮以显示主视图。

现在我正在使用以下代码,但它没有做任何事情......

    detailViewController.navigationItem.leftItemsSupplementBackButton = true
    detailViewController.navigationItem.leftBarButtonItem = displayModeButtonItem()
Run Code Online (Sandbox Code Playgroud)

我试着把它放在viewDidLoad()我的UISplitView子类或viewDidLoad()我的细节主导航控制器中。

到目前为止它似乎没有做任何事情......我错过了什么吗?

ios splitview

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

类似于 emacs 的多列跟随模式

当我使用 emacs 时,我经常使用跟随模式在两列中并排显示一个缓冲区,其中右侧列的第一行是左列最后一行之后的行 - 基本上,两列就像阅读两页并排。

有没有办法在 VS 代码中实现这一点?我目前并排打开同一个文件,并手动将两侧滚动到我想要的位置 - 但很高兴在我编辑和移动时让两者自动保持同步。

ide emacs editing splitview visual-studio-code

5
推荐指数
0
解决办法
121
查看次数

react-native中基于设备的SplitView(仅适用于平板电脑和iPad)

我正在研究示例应用程序。我已经基于View Container设计了我的应用程序。通过使用以下情况,我以手机(iOS / Android)的肖像模式设计了我的应用程序,还为iPad /平板电脑设计了肖像模式和LandScape模式。

现在,我想在纵向和横向模式下为iPad和平板电脑设计splitView。我在Google上进行了搜索,但未找到任何信息。我想知道如何在Android和iOS中设计它(拆分视图)。

splitview react-native react-native-android react-native-ios

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

如何在 SwiftUI 中正确制作可调整的分割视图?

这是我第一次尝试 SwiftUI,我正在尝试创建一个充当分割视图的 SwiftUI 视图,并在两个视图的中心有一个可调节手柄。

这是我当前的代码实现示例:

struct ContentView: View {

    @State private var gestureTranslation = CGSize.zero
    @State private var prevTranslation = CGSize.zero

    var body: some View {

        VStack {
            Rectangle()
                .fill(Color.red)
                .frame(height: (UIScreen.main.bounds.height / 2) + self.gestureTranslation.height)
            RoundedRectangle(cornerRadius: 5)
            .frame(width: 40, height: 3)
            .foregroundColor(Color.gray)
            .padding(2)
            .gesture(DragGesture()
                    .onChanged({ value in
                        self.gestureTranslation = CGSize(width: value.translation.width + self.prevTranslation.width, height: value.translation.height + self.prevTranslation.height)

                    })
                    .onEnded({ value in
                        self.gestureTranslation = CGSize(width: value.translation.width + self.prevTranslation.width, height: value.translation.height + self.prevTranslation.height)

                        self.prevTranslation = self.gestureTranslation
                    })
            )
            Rectangle()
                .fill(Color.green)
                .frame(height: …
Run Code Online (Sandbox Code Playgroud)

resize drag splitview swift swiftui

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

在子视图控制器中显示导航栏

我正在开发一个应用程序,我必须并排显示多个视图控制器(拆分视图).为此,我添加了视图作为子视图控制器.

目标:我想在一个子视图控制器上显示导航栏,同时在父视图控制器上显示单独的导航栏.

问题:导航栏不会显示在子视图控制器上.

编辑:我还将父视图控制器的导航栏设置为隐藏但是当子视图控制器被调用时,导航栏出现在父视图控制器上,而不是子视图控制器上.

添加子视图控制器的代码是:

    MyChildViewController *childViewController = [[MyChildViewController alloc] initWithNibName:@"MyChildViewController" bundle:nil];

    [self addChildViewController:childViewController];
    [childViewController.view setFrame:CGRectMake(0.0f, 0.0f, self.rightContainerView.frame.size.width, self.rightContainerView.frame.size.height)];
    [self.rightContainerView addSubview:childViewController.view];
    [childViewController didMoveToParentViewController:self];
Run Code Online (Sandbox Code Playgroud)

此代码工作正常,子视图控制器完美添加.我想知道是否有可能?

提前致谢.

uinavigationbar uinavigationcontroller ios childviewcontroller splitview

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

在 SwiftUI 中的 SplitView 中导航主而不是细节

我的 iPad 就绪应用程序中有一个拆分视图:

struct ContentView: View {
    var body: some View {
        NavigationView {
            List {
                NavigationLink("Show the slave view HERE", destination: SlaveView())
                    .navigationBarTitle("Master view")
            }

            Text("Detail view")
                .navigationBarTitle("DO NOT show the slave view here")
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

所以我喜欢SlaveView在列表本身中打开的视图,而不是在详细视图中。我曾尝试另一个设置NavigationViewSlave,也低于一文中,也将所有navigationViewStyle的都和各S-MasterSlave没有运气。

这是您可以构建的最简单的 Slave 视图:

struct SlaveView: View {
    var body: some View {
        List {
            NavigationLink("Sub Detail view", destination: Text("Sub Detail view"))
        }
        .navigationBarTitle("Slave view")
    }
}
Run Code Online (Sandbox Code Playgroud)

那么如何更改拆分视图的主(左)视图而不是细节(右)视图?

请注意,这是一个简化的可重现代码。真正的项目使用更复杂的主从列表等等。此外,我们不想丢失导航内容,如转换、标题转换、后退按钮等。 …

master-detail splitview swiftui ios-navigationview

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

[UWP] [C#]覆盖Appx.cs中的背景导航集

有点卡在这里.我有一个splitview应用程序,当按下反键键驻留在Appx.cs中时,它具有向后导航的事件.

我想在splitviews内容页面中导航的其中一个页面中定义一个不同的操作(例如,当某个元素可见时忽略该元素)但是应用程序始终遵循appx.cs中设置的事件,并忽略该事件在内容框架中加载的页面中.这是appx.cs中的代码:

protected async override void OnLaunched(LaunchActivatedEventArgs e)
{
    // Do not repeat app initialization when the Window already has content,
    // just ensure that the window is active
    if (Window.Current.Content == null)
    {
        // Create a Frame to act as the navigation context and navigate to the first page
        _rootFrame = new Frame();
        _rootFrame.NavigationFailed += OnNavigationFailed;
        _rootFrame.Navigated += OnNavigated;

        if (e.PreviousExecutionState == ApplicationExecutionState.Terminated)
        {
            //TODO: Load state from previously suspended application
        }

        // Place the frame in the current …
Run Code Online (Sandbox Code Playgroud)

c# windows splitview uwp

3
推荐指数
1
解决办法
994
查看次数

在UWP中创建漂亮的SplitView

我按照教程添加了一个SplitView控件到我的页面.代码如下:

<SplitView x:Name="MainSplitView" DisplayMode="CompactOverlay" IsPaneOpen="False" CompactPaneLength="50" OpenPaneLength="150">
        <SplitView.Pane>
            <StackPanel Background="Gray">
                <Button x:Name="HamburgerButton" FontFamily="Segoe MDL2 Assets" Content="&#xE700;" Width="50" Height="50" Background="Transparent" Click="HamburgerButton_Click" />
                <StackPanel Orientation="Horizontal">
                    <Button x:Name="MenuButton1" FontFamily="Segoe MDL2 Assets" Content="&#xE825;" Width="50" Height="50" Background="Transparent" />
                    <TextBlock Text="Button 1" FontSize="18" VerticalAlignment="Center" />
                </StackPanel>
                <StackPanel Orientation="Horizontal">
                    <Button x:Name="SettingsButton" FontFamily="Segoe MDL2 Assets" Content="&#xE713;" Width="50" Height="50" Background="Transparent" FontSize="18" />
                    <TextBlock Text="Settings" FontSize="18" VerticalAlignment="Center" />
                </StackPanel>
                <StackPanel Orientation="Horizontal">
                    <Button x:Name="AboutButton" FontFamily="Segoe MDL2 Assets" Content="&#xE897;" Width="50" Height="50" Background="Transparent" FontSize="18" />
                    <TextBlock Text="About" FontSize="18" VerticalAlignment="Center" />
                </StackPanel>
            </StackPanel>
        </SplitView.Pane> …
Run Code Online (Sandbox Code Playgroud)

c# splitview uwp

3
推荐指数
1
解决办法
4520
查看次数