scroll
UI コンポーネント内の位置にスクロール
構文
説明
スクロール可能なコンテナーまたはボタン グループ
scroll( は、コンテナーまたはボタン グループを垂直方向にスクロールします。container,vlocation)vlocation は 'top' または 'bottom' として指定します。スクロールが可能な場合の詳細については、スクロールを有効にするための条件を参照してください。
ツリー
リスト ボックス
テーブル
scroll( は、テーブルの指定された行、列、またはセルまでスクロールします。たとえば、tbl,tableTarget,tableIndex)scroll(uit,'Row',10) はテーブルの 10 行目にスクロールします。
例
関数 uifigure を使用して作成された Figure 内の指定された (x,y) 座標までスクロールします。
Figure を作成し、Scrollable プロパティを 'on' に設定します。次に、子コンポーネントを 5 個追加します。Figure を確実にスクロール可能にするには、最初のコンポーネントを Figure の上端より上に配置します。その後、コンポーネントが Figure 内に一緒に収まらないようにするために、それぞれを十分に離して配置します。
% Create figure fig = uifigure('Name','Customer','Scrollable','on'); fig.Position = [100 100 493 283]; % Title label title = uilabel(fig,'Text','Customer Record'); title.FontSize = 18; title.FontWeight = 'bold'; title.Position = [173 315 157 22]; % Name name = uieditfield(fig,'text'); name.Position = [169 239 173 22]; namelabel = uilabel(fig,'Text','Name','HorizontalAlignment','right'); namelabel.Position = [116 239 38 22]; % Phone phone = uieditfield(fig,'text'); phone.Position = [169 164 173 22]; phonelabel = uilabel(fig,'Text','Phone','HorizontalAlignment','right'); phonelabel.Position = [114 164 40 22]; % Balance balance = uieditfield(fig,'numeric'); balance.Position = [169 89 173 22]; balancelabel = uilabel(fig,'Text','Balance','HorizontalAlignment','right'); balancelabel.Position = [105 89 49 22]; % Submit button button = uibutton(fig,'push','Text','Submit'); button.Position = [169 14 173 22];
既定では、MATLAB® は子コンポーネントを囲む領域の左上隅にスクロールします。
Figure の最下部である、位置 (1,1) にスクロールします。
scroll(fig,1,1)
ピクセル座標または位置名を指定して、スクロール可能なグリッド レイアウトの子コンポーネントを表示します。
5 行 2 列のグリッド レイアウトを作成し、グリッドの Scrollable プロパティを 'on' に設定します。その後、ラベル、テーブル、パネルをグリッドに追加します。パネルの Scrollable プロパティを 'off' に設定し、チャートをパネルに追加します。
fig = uifigure('Position',[782 497 435 311]); g = uigridlayout(fig,'Scrollable','on'); g.RowHeight = {22,40,22,22,400}; g.ColumnWidth = {400,400}; lbl = uilabel(g,'Text','Tsunamis'); lbl.Layout.Row = 2; lbl.Layout.Column = [1,2]; lbl.HorizontalAlignment = 'center'; lbl.FontSize = 28; tsunamis = readtable('tsunamis.xlsx'); tsunamis.Cause = categorical(tsunamis.Cause); t = uitable(g,'Data',tsunamis); t.Layout.Row = [3,5]; t.Layout.Column = 2; p = uipanel(g); p.Scrollable = 'off'; p.Layout.Row = [3,5]; p.Layout.Column = 1; gb = geobubble(p,tsunamis.Latitude,tsunamis.Longitude,... tsunamis.MaxHeight,tsunamis.Cause);
グリッド内の位置にスクロールします。
scroll(g,100,-30)
次に、位置名を使用して、グリッドの右下の隅にスクロールします。
scroll(g,'bottom','right')
コンポーネントをスクロール位置として指定することにより、コンポーネントを表示します。
ドロップダウン コンポーネントが 2 つ、リスト ボックスが 1 つ、テーブルが 1 つある Figure を作成します。これらのコンポーネントを、Figure 内ですべて同時に表示されないように配置します。
fig = uifigure; fig.Scrollable = 'on'; fig.Position = [100 300 328 110]; dd1 = uidropdown(fig); dd1.Position = [20 360 120 22]; dd2 = uidropdown(fig); dd2.Position = [20 200 120 22]; lb = uilistbox(fig); lb.Position = [230 300 120 80]; t = readtable('patients.xls'); uit = uitable(fig,'Data',t); uit.Position = [375 100 300 300];
テーブルにスクロールします。
scroll(fig,uit)
テキスト エリアの最下部までプログラムでスクロールします。
テキスト エリアを作成します。サイズと長いテキストを指定します。
fig = uifigure;
txa = uitextarea(fig);
txa.Position = [100 100 80 80];
txa.Value = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.";
テキスト エリアの最下部までスクロールします。
scroll(txa,"bottom")
リスト ボックスの項目を指定して、その項目を表示します。
名前および関連付けられた ItemsData のリストを含むリスト ボックスを作成します。
fig = uifigure('Position',[680 678 300 200]); list = uilistbox(fig, 'Position',[70 50, 150 78]); list.Items = {'Diane Fitzsimmons', 'Naomi Becker', 'Nick Stewart',... 'Alex Bradford', 'Caroline Eliot', 'Leslie Bond', ... 'Aaron Silberlicht', 'Ramu Sadasiv', 'Joyce Wu',... 'Ann Shanahan'}; list.ItemsData = [1 2 3 4 5 6 7 8 9 10];
[Caroline Eliot] にスクロールします。
scroll(list,'Caroline Eliot')
[Caroline Eliot] を選択するには、Value プロパティを ItemsData プロパティの対応する要素に設定します。
list.Value = 5;
TreeNode オブジェクトを指定して、ツリー ノードを表示します。
4 つの最上位ノードとそれぞれの子ノードを含むツリーを作成します。
fig = uifigure; tree = uitree(fig,'Position',[20 20 175 100]); % First level nodes category1 = uitreenode(tree,'Text','Runners'); category2 = uitreenode(tree,'Text','Cyclists'); category3 = uitreenode(tree,'Text','Hikers'); category4 = uitreenode(tree,'Text','Swimmers'); % Second level nodes r1 = uitreenode(category1,'Text','Joe'); r2 = uitreenode(category1,'Text','Linda'); c1 = uitreenode(category2,'Text','Rajeev'); h1 = uitreenode(category3,'Text','Jack'); s1 = uitreenode(category4,'Text','Logan');
ノードを展開します。[Swimmers] がビューの外側にスクロールします。
expand(tree)
[Swimmers] ノードにスクロールします。
scroll(tree,category4)
Tree オブジェクトの SelectedNodes プロパティを設定して、[Swimmers] ノードを選択します。
tree.SelectedNodes = category4;
サンプルの患者データを table 配列としてワークスペースに読み取ります。次に、データを表示するテーブル UI コンポーネントを作成します。
tdata = readtable("patients.xls"); vars = ["Age","Systolic","Diastolic","Smoker"]; tdata = tdata(1:40,vars); fig = uifigure; uit = uitable(fig,"Data",tdata); uit.RowName = "numbered";
テーブルの 25 行目にスクロールします。
scroll(uit,"row",25)
入力引数
詳細
バージョン履歴
R2016a で導入参考
関数
uifigure|uigridlayout|uitextarea|uitree|uitreenode|uilistbox|uitable|isInScrollView
